Accordion
Disclosure rows that expand in place: grouped on one rounded panel, as separate cards, or with hairlines only.
import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "pleate/accordion";Inset, separated, plain
inset
One cabin bag up to 8 kg and one personal item. Checked bags can be added until 2 hours before departure.
separated
plain
Props
- type
One or many open (Radix).
"single" | "multiple"- collapsible / defaultValue / value
State (Radix).
- variant
Look.
"inset" | "separated" | "plain"default "inset"- AccordionTrigger icon / subtitle
Leading icon and second line.
ReactNode
Accessibility
- Headers are buttons with aria-expanded inside headings.
- Arrow keys move between headers.