Accordion

Vertically stacked sections that expand to reveal content.

Built on Radix UI
$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/accordion.json

Yes. The free version is MIT licensed — use it in personal and commercial projects.

Installation

Add Accordion with the shadcn CLI, or copy the source by hand. In this repo there's nothing to install — import it from @multidash/ui.

$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/accordion.json

Adds the component, the components it builds on, its npm packages and the theme tokens it uses. Using Multidash often? Add the registry to components.json once:

components.json
{
  "registries": {
    "@multidash": "https://multidash-app.vercel.app/r/{name}.json"
  }
}

Then add components by name:

$ pnpm dlx shadcn@latest add @multidash/accordion

Usage

import {
  Accordion,
  AccordionItem,
  AccordionTrigger,
  AccordionContent,
} from "@multidash/ui/components/accordion"

Examples

Multiple open

Orders ship within 2 business days.

Return any item within 30 days for a full refund.