Usage
The SwitchTheme component provides a dropdown menu to switch between all available themes (Light, Dark, Retro, Lavender, Mint, Sunset, Ocean, Midnight, etc.).
SwitchTheme
A dropdown component to switch between all available themes (Light, Dark, Retro, Lavender, Mint, Sunset, Ocean, Midnight, etc.).
Playground
Experiment with the SwitchTheme component properties. Click the button to open the dropdown and switch themes.
Properties
variant
Visual style of the button.
size
Size of the button.
showLabel
Whether to show the theme name next to the icon.
Variants
SwitchTheme supports different visual variants to match your UI design.
Solid
Soft
Subtle
Text
With Label
You can enable showLabel to display the current theme name.
SwitchTheme Props
Props
Prop | Default | Type |
|---|---|---|
variant | "soft" | "solid" | "soft" | "subtle" | "text" |
size | "medium" | "small" | "medium" | "large" |
showLabel | false | boolean |