Toggle Sidebar B
header.lightDarkMode 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.

API Reference

Props, events, and slots for each sub-component.

ColorModeToggle

Props

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