ThemeSwitch component is a dropdown menu that allows users to switch between different theme modes.
ThemeSwitch
import { ThemeSwitch } from '@lobehub/ui';
ThemeSwitch component is a dropdown menu that allows users to switch between different theme modes.
import { ThemeSwitch } from '@lobehub/ui';
Icon component https://lucide.dev/
Name | Description | Type | Default |
---|---|---|---|
labels | -- | {auto:string;dark:string;light:string} | -- |
onThemeSwitch | Callback function when the theme mode is switched | {(themeMode: ThemeMode) => void} | (required) |
size | Size of the action icon | any | {"blockSize":34,"fontSize":20,"strokeWidth":1.5} |
themeMode | The theme mode of the component | ThemeMode | (required) |
type | -- | "icon"|"select" | -- |