Theme Switcher
Let users switch between light, dark, and system theme modes.
x-t-theme-switcher
Preview and Examples
The switcher uses Turbine UI dropdown behavior plus localStorage. If it does not open, republish `turbine-ui` JS assets.
Inline Theme Switcher Example
<x-t-theme-switcher variant="secondary" size="sm" />Attributes
| Name | Type | Options | Description |
|---|---|---|---|
| size | string |
xs
sm
md
lg
xl
2xl
|
Controls component scale |
| variant | string |
default
brand
primary
secondary
success
warning
danger
light
dark
|
A variant is like a colour palette |