Carregando…Carregando…Carregando…Carregando…Multiple accordion panels with single or multi-open mode and intent variants.
Demo coming soon
Add a demo component to DEMOS in _showcase.tsx for display/accordion-group
$ npx kikitocn add accordion-groupimport { AccordionGroup } from "@/components/ui/cn/accordion-group/AccordionGroup";
export function AccordionGroupExample() {
return (
<AccordionGroup />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
items* | AccordionGroupItem[] | — | Painéis { id, title, content, disabled, intent } |
type | 'single' | 'multiple' | 'single' | Quantos painéis podem abrir simultaneamente |
variant | 'default' | 'separated' | 'ghost' | 'default' | Estilo visual |
defaultOpen | string | string[] | — | IDs abertos por padrão |
value | string | string[] | — | IDs abertos (controlado) |
onChange | (value: string | string[]) => void | — | Callback ao abrir/fechar |
className | string | — | Classes CSS extras |