components

Accordion

Expand and collapse sections for organized content

Source CodeRadix UI
Loading

Installation



Usage


Imports


/components/ui/accordion.tsx


Code


/components/ui/accordion.tsx




Examples


Open Variant


Loading


Table Variant


Loading


Small Size


Loading


Large Size


Loading


Plus/Minus Indicator


Loading


Accordion with Icons


Loading


Custom Accordion - Nested Accordion


Loading


Custom Accordion - w/Chevron on left


Loading


Custom Accordion - w/Sub Header


Loading


Props


<Accordion>
NameDefaultValues
sizesmsmlg
variantboxboxtableopen
indicatorchevronchevronplus-minus
External Reference--
<AccordionItem>
NameDefaultValues
External Reference--
<AccordionTrigger>
NameDefaultValues
External Reference--
<AccordionContent>
NameDefaultValues
External Reference--