DS | Adila.co
Componentes

Toggle Group

Componente toggle-group do design system adila.co.

Instalação

bun add @adila-sh/ui

Uso

import { ToggleGroup, ToggleGroupItem } from '@adila-sh/ui';
import { Bold, Italic, Underline } from 'lucide-react';

export function Example() {
  return (
    <ToggleGroup defaultValue={['bold']} toggleMultiple>
      <ToggleGroupItem value="bold" aria-label="Negrito">
        <Bold />
      </ToggleGroupItem>
      <ToggleGroupItem value="italic" aria-label="Itálico">
        <Italic />
      </ToggleGroupItem>
      <ToggleGroupItem value="underline" aria-label="Sublinhado">
        <Underline />
      </ToggleGroupItem>
    </ToggleGroup>
  );
}

Dependências

  • class-variance-authority

Componentes relacionados

Nesta página