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.

import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@carsxe/design-system/components/accordion"

Usage

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[]	—