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.

Import the parts you need from the component's folder.

import { ColorModeButtons } from "@/components/ui/color-mode-buttons";

Prop	Type	Default	Description
—	—	—	No props. Reads and writes the Nuxt color-mode store directly.