Docs
Collapsible

Collapsible

An interactive component which expands/collapses a panel.

Loading...

Installation

Install the following dependencies:

npm install @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, CollapsibleTrigger, CollapsibleContent }

Copy and paste the collapsible code into your project.