logo

Steeze UI

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 #

PropertyTypeDefault
fromSystem
boolean false
MIT Licensed