Toggle Sidebar B
AppearanceLight & dark mode D

Color Mode Toggle

One-click colour mode flip for the header. Cycles through light, dark, and system. For a settings-page picker, use ColorModeButtons.

Default

Drop into a header alongside other navigation actions.

Replay preview

API Reference

ColorModeToggle

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