Toggle Sidebar B
AppearanceLight & dark mode D

Color Mode Buttons

Three-way colour mode picker (light, dark, system) with thumbnail previews. Drop into a settings panel to let users pick a theme.

Default

Renders three thumbnail-buttons; current mode shows a check.

Replay preview

API Reference

ColorModeButtons

PropTypeDefaultDescription
No props. Reads and writes the Nuxt color-mode store directly.