Docs
Collapsible

Collapsible

An interactive component which expands/collapses a panel.

Loading...

Installation

Install the following dependencies:

pnpm add @radix-ui/react-collapsible

Copy and paste the following code into your project.

"use client";
 
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
const Collapsible = CollapsiblePrimitive.Root;
 
const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 
const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
 
export { Collapsible, CollapsibleContent, CollapsibleTrigger };

Update the import paths to match your project setup.