Accordion
A vertically stacked set of interactive headings.
API keys are scoped per workspace. Rotate credentials from the developer console without invalidating live traffic.
Installation
Import from the package. Do not run shadcn add in your app.
tsx
import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@carsxe/design-system/components/accordion"Usage
tsx
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@carsxe/design-system/components/accordion"
<Accordion defaultValue={["item-1"]}>
<AccordionItem value="item-1">
<AccordionTrigger>Is it accessible?</AccordionTrigger>
<AccordionContent>Yes. It uses Base UI primitives.</AccordionContent>
</AccordionItem>
</Accordion>API Reference
| Prop | Type | Default |
|---|---|---|
| defaultValue | string[] | — |