jsp-dsv0.1

Accordionshadcn

Stacked sections that open one at a time.

Navigation
Install
npx shadcn add accordion
Import from
@/components/ui/accordion
Guidance
draft · v0.1.0

Examples

As installed from shadcn – rendering in jsp-ds tokens through the bridge.

Questions and answers. One open at a time; collapsible so all can close.

Guidance

When to use

  • Questions and answers, or long reference content people scan for one part.

When not to use

  • For content most people need – don't hide it.
  • For navigation between pages.

Rules

  • Triggers are short questions or labels that say what's inside.
  • type="single" collapsible for FAQs; type="multiple" when people compare sections.
  • Don't nest accordions.

Install

Terminal
npx shadcn add accordion
Import
import { Accordion } from "@/components/ui/accordion"

From shadcn’s own registry. Don’t edit the installed file – jsp-ds styles it through the bridge, and fixes go in styles/overrides.css with an issue.