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


Variant - Open


Loading


Variant - Table


Loading


Size - Small


Loading


Size - Large


Loading


Indicator - Plus/Minus


Loading


With Icon


Loading


Nested Accordion


Loading




Props


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