Theme Selector

Display

Color theme picker showing palette swatches with active selection indicator.

Theme Selector — color palette picker with active checkmark

Selected: ocean

Instalação via CLI

$ npx kikitocn add theme-selector

Exemplo de uso

Theme SelectorExample.tsx

import { ThemeSelector } from "@/components/ui/cn/theme-selector/ThemeSelector";

export function ThemeSelectorExample() {
  return (
    <ThemeSelector />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`themes*`	`ThemeOption[]`	—	Array de opções { id, label, colors }
`value`	`string`	—	ID do tema selecionado (controlado)
`defaultValue`	`string`	—	ID do tema padrão (não-controlado)
`onChange`	`(id: string) => void`	—	Callback ao selecionar um tema
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…