Collapsible
A collapsible component that allows users to hide and show content.
A collapsible component that allows users to hide and show content.
Follow these simple steps to add the Collapsible component to your project:
Install Dependencies
pnpm add motion
Create a new file: components/ui/collapsible.tsx and copy the code below:
"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 };Adjust the import paths in both files according to your project's structure.