...
Collapse and expand sections to show or hide content.
npx neobrutal add accordionOr install the dependency and copy the code:
npm install @base-ui/reactimport {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from '@/components/ui/accordion'<Accordion>
<AccordionItem value='item-1'>
<AccordionTrigger>Section Title</AccordionTrigger>
<AccordionContent>
Section content goes here.
</AccordionContent>
</AccordionItem>
</Accordion>Allow multiple sections to be open at once.
Set a section to be open by default.
This component is built on top of Base UI Accordion. Refer to the Base UI documentation for the full list of available props.