Skip to content
Perimeter Style

Collapsible

An interactive component which expands and collapses content.

Usage

tsx
import { Collapsible } from "@/components/ui/collapsible";

<Collapsible defaultOpen={false}>...</Collapsible>
<Collapsible defaultOpen={false}>...</Collapsible>

Light

Dark

Default

Metrics

Perimeter Api

Collapsible Controls

defaultOpen

Examples

Default Closed

Toggle content

Default Open

Expanded by default

This content is visible initially.

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/collapsible

Search

Search for components, templates, and more.