WFP logoDesign System
Components

Collapsible

View on shadcn/ui

An interactive component which expands/collapses a panel.

Recent updates (3)

New feature: Dark mode support

Installation

pnpm dlx shadcn@latest add https://designsystem.wfp.org/r/collapsible.json

Usage

import {
  Collapsible,
  CollapsibleContent,
  CollapsibleTrigger,
} from "@/components/ui/collapsible";
<Collapsible>
  <CollapsibleTrigger>Can I use this in my project?</CollapsibleTrigger>
  <CollapsibleContent>
    Yes. Free to use for personal and commercial projects.
  </CollapsibleContent>
</Collapsible>

API reference

This component is built on top of Radix UI Collapsible. See the Radix UI Collapsible documentation for the full API reference.

On this page

InstallationUsageAPI reference