1. Components
  2. ThemeSwitcher

Components

ThemeSwitcher

Shows a button with a dropdown for the various themes you want to style your app.

Basic Usage

Add your custom themes or use any of the 30+ themes provided by DaisyUI in the tailwind.config.js. The boilerplate comes with some by default already.

To import the component, use:

/src/routes/(marketing)/+page.svelte
        <script lang="ts">
    import ThemeSwitcher from "$lib/components/ThemeSwitcher.svelte"
</script>

<ThemeSwitcher/>