Skip to content
Perimeter Style

Accordion

A vertically stacked set of interactive headings that reveal content.

Usage

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

<Accordion disabled={false}>...</Accordion>
<Accordion disabled={false}>...</Accordion>

Light

Dark

Default

Metrics

Perimeter Api

Accordion Controls

disabled

Examples

Single Open

Default Open

This item is expanded when the page loads.

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/accordion

Used in Templates

Search

Search for components, templates, and more.