Skip to content

Collapsible

A panel that expands and collapses to reveal or hide secondary content behind a trigger.

Collapsible
Weekend at Lake Tahoe
Cabin for six near Tahoe City, Friday to Sunday. Split four ways, it’s $310 each.

Installation

pnpm dlx shadcn@latest add @sortui/collapsible

Usage

import {
  Collapsible,
  CollapsibleTrigger,
  CollapsibleContent,
} from "@/components/ui/collapsible"

Examples

Settings panel

Radius
Set the corner radius of the element.

Order summary

Order #4821Placed Sep 28 · 3 items · $128.00
Linen overshirt

Sand · M

$68.00

Flight details

SFOATHThu, Oct 15 · 1 stop · 15h 40m

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.

Get Pro Access