ComponentsTrakteer
Accordion
An accordion component
How long does shipping take?
Do you offer customer support?
Usage
npx @fydemy/ui@latest add accordion<Accordion>
<AccordionItem header="How long does shipping take?">
Standard shipping usually takes 5-7 business days. Expedited shipping
options are available at checkout.
</AccordionItem>
<AccordionItem header="Do you offer customer support?">
Yes! Our customer support team is available 24/7 via email or live chat to
assist you with any questions.
</AccordionItem>
</Accordion>Prop
Type
Examples
Controlled state
Add open or onOpenChange parameter to control the default internal state.
const [open, setOpen] = useState(false)
<Accordion>
<AccordionItem
header="How long does shipping take?"
open={open}
onOpenChange={() => setOpen(!open)}
>
Standard shipping usually takes 5-7 business days. Expedited shipping
options are available at checkout.
</AccordionItem>
</Accordion>