Beta

Accordion

Expanding accordion rows — each reveals its body, a checklist, and a visual. Pair with MacBook Frame for the /pro-services stage layout.

Accordion

Expanding accordion rows — each reveals its body, a checklist, and a visual. Pair with MacBook Frame for the /pro-services stage layout.

When to use it

Use it when a page has several long explanations that are individually optional. Pairing each row with a visual makes it a staged walkthrough rather than an FAQ, which is why it carries the /pro-services layout.

Install

Adds Accordion and its dependencies to your project through the shadcn CLI.

$ npx shadcn@latest add https://www.ssicevs.com/r/accordion.json

Props · Accordion

Prop	Type	Default
items?	AccordionItem[]	[]
stage?	(i: number) => ReactNode; defaultOpen?: number;	—

Generated from the component source. Run npm run props:extract after changing a signature.