Skip to content

Dark mode toggle

A pill-shaped switch component used to toggle between light and dark themes. The switch is currently in the active state, displaying a moon icon to indicate dark mode is enabled.

Explore the examples

Swell — Theme settings component
Swell logo
Swell

A pill-shaped switch component used to toggle between light and dark themes. The switch is currently in the active state, displaying a moon icon to indicate dark mode is enabled.

Browse the full component library

Browse the full UI component library.

Trusted by the best teams