Accordion

Expandable sections that reveal content on click.

Install

npx shadcn add @clearly/accordion

Preview

Usage

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

<Accordion />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Props

PropTypeDefaultDescription
type"single" | "multiple""single"Allow one or many open items simultaneously.
defaultValuestring | string[]Initially open item(s).
collapsiblebooleanfalseAllow closing the last open item (single mode only).