Documentation > Accordion

Accordion

Expand and collapse sections for organized content

Preview

Installation
npx radianos add accordion
Props
Prop NameDefault ValuesValues
IconPlusPlus, Chevron
AnimationYesYes/No
SizeDefaultValues
Source--
StyleDefaultBoxes, XYZ
Syntax
Prop NamePropsDescription
<Accordion>Icon, Animation, Size, StylesMain Container
<AccItem>-Container for each item
<AccHead>-Headers
<AccBody>-Body
Usage
<Accordion type="single" collapsible>
	<AccItem value="item-1">
		<AccHead>Is it accessible?</AccHead>
		<AccBody>Yes. It adheres to the WAI-ARIA design pattern.</AccBody>
	</AccItem>
</Accordion>