components

Accordion

Expand and collapse sections for organized content

Source Code
Radix
External Reference

Installation

Imports

/components/ui/accordion.tsx
1
2
3
4
5
6

Examples

Accordion with icon

Radian OS offers a variety of UI components including Accordions, Alerts, Avatars, Badges, Banners, Buttons, Calendars, Checkboxes, Dropdowns, Inputs, Modals, Pagination, Progress Bars, Radio Buttons, Sliders, Switches, Tables, Tabs, Tooltips, and more.

Props

<Accordion>
NameDefaultValues
size
sm
sm
lg
variant
box
box
table
open
interaction
single
single
multiple
disabled
false
boolean
<AccordionItem>
NameDefaultValues
value
-
string
disabled
false
boolean
<AccordionTrigger>
NameDefaultValues
asChild
false
boolean
<AccordionContent>
NameDefaultValues
asChild
false
boolean