Theme
Visualization & Interaction
Manage light/dark theme in your Application
Quickstart #
<script>
import { ThemeProvider, ThemeToggle } from "@steeze-ui/components"
</script>
<!-- sets the theme class reactively using the Theme store -->
<ThemeProvider fromSystem />
<!-- button component to toggle the theme (can be used anywhere) -->
<ThemeToggle />
API Reference #
Property | Type | Default |
---|---|---|
fromSystem
|
boolean
|
false
|
MIT Licensed