Pill Switch Theme

Display

Vertical sun/moon pill toggle for light/dark, with a hover-reveal system option.

Pill Switch Theme — pill sol/lua com opção de sistema no hover

Instalação via CLI

$ npx kikitocn add pill-switch-theme

Interno:

@/lib/utilsnext-themeslucide-react

Exemplo de uso

Pill Switch ThemeExample.tsx

import { PillSwitchTheme } from "@/components/ui/cn/pill-switch-theme/PillSwitchTheme";

export function PillSwitchThemeExample() {
  return (
    <PillSwitchTheme />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…