Collapsible

Un Collapsible di Radix — una singola sezione espandibile/comprimibile (per un insieme di sezioni mutuamente esclusive, vedi Accordion).

import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@pompeitech/vesuvius-ui";

Default

Repository preferiti

@radix-ui/primitives

API

Collapsible

Prop	Tipo	Default	Descrizione
`open`	`boolean`		Stato aperto controllato.
`defaultOpen`	`boolean`	`false`	Stato iniziale, non controllato.
`onOpenChange`	`(open: boolean) => void`
`disabled`	`boolean`	`false`

CollapsibleTrigger — ogni prop nativa di <button>, più asChild (boolean, default false) per renderizzare su un singolo figlio invece che su un <button>.

CollapsibleContent — ogni prop nativa di <div>. Anima l'altezza apertura/chiusura tramite custom property CSS impostate da Radix (--radix-collapsible-content-height), non JavaScript. Resta montato (nascosto) dopo la chiusura per default a meno che forceMount non venga usato altrove nella tua composizione.

Accessibilità

Il trigger è un vero <button> con aria-expanded, e il contenuto è collegato ad esso tramite aria-controls — nessuna gestione da tastiera personalizzata necessaria, Tab poi Spazio/Invio lo aziona come qualsiasi pulsante.