Sistine

Mode Toggle

Component
View in Storybook

A theme switcher component with optional glass material. Requires a next-themes ThemeProvider (uses useTheme) — wrap your app or swap in your own theme store.

Installation
Install this component using the shadcn CLI with your preferred package manager
bunx shadcn@latest add @sistine/mode-toggle
Usage
Example code for using this component
Props
Component props and variants

This component supports the following variants:

  • default - Standard styling
  • glass - Glassmorphism effect (default)