Skip to content
Pavo

Accordion

Sections that open in place, for content people scan by title.

Installation

pnpm dlx shadcn@latest add @pavo/accordion

Default

One open at a time.

Open Members, choose Invite and enter their email. They join as soon as they accept.

Flush

variant='flush' in CardContent className='overflow-hidden': rows to the card edge, a row-hover fill, the content indented to the title.

Questions

Every project has a Documents tab; files open right in the browser.

Multiple

multiple: several sections open side by side.

Open Members, choose Invite and enter their email. They join as soon as they accept.

Under Settings → Billing. Invoices go to the new address from the next cycle.

Controlled

value and onValueChange: open or close all from outside.

In a card

Questions

Open Members, choose Invite and enter their email. They join as soon as they accept.

In a sheet

variant='flush' in a SheetBody runs to the sheet's edge.