DS | Adila.co
Componentes

Collapsible

Componente collapsible do design system adila.co.

Interações, foco e estados acessíveis.

Instalação

bun add @adila-sh/ui

Uso

import { AsciiCollapsible } from '@adila-sh/ui';

export function Example() {
  return (
    <AsciiCollapsible
      items={[
        {
          label: 'Núcleo comportamental',
          content: 'Interações, foco e estados acessíveis.',
          defaultOpen: true,
        },
        {
          label: 'Tokens do tema',
          content: 'Cores, tipografia e espaçamento do produto.',
        },
        {
          label: 'Estados de interface',
          content: 'Loading, vazio, erro e confirmação.',
        },
      ]}
    />
  );
}

Dependências

Nesta página