jsp-dsv0.1

Collapsibleshadcn

Shows and hides one region.

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

Examples

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

3 files attached
Hide detail most people don't need. The trigger says what it shows.

Guidance

When to use

  • To show and hide one region of detail most people don't need: attached files, advanced options.

Rules

  • The trigger says what it shows – Show files, Advanced options – and its state changes with it.
  • For several stacked sections, use an Accordion.

Install

Terminal
npx shadcn add collapsible
Import
import { Collapsible } from "@/components/ui/collapsible"

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.