Accordion

Accordion is a component component that provides accordion functionality.

Active

Installation

npm install @your-design-system/accordion

import { Accordion } from "@/components/ui/accordion"

export function AccordionDemo() {
  return (
    <Accordion>
      {/* Content */}
    </Accordion>
  )
}

API Reference

Prop	Type	Default	Description
`type`	`enum`	`single`	The type prop for the component. Options: single \| multiple
`collapsible`	`boolean`	`true`	The collapsible prop for the component.

Styling

The component uses Tailwind CSS classes for styling. You can customize the appearance by overriding these classes.

Base Classes

w-full

Design System Compliance

This component is validated against atomic design principles and foundation token usage.

✓ Atomic Design Compliant

This component follows atomic design principles and properly uses foundation tokens.

On This Page