Collapsible
An interactive component which expands/collapses a panel.
Loading...
import { ChevronsUpDown } from "lucide-react"
import { Button } from "@/components/ui/button"Installation
pnpmnpmyarnbun
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. No attribution
required.
</CollapsibleContent>
</Collapsible>Examples
Default
Loading...
import { ChevronsUpDown } from "lucide-react"
import { Button } from "@/components/ui/button"API Reference
Collapsible
The root component that contains all collapsible parts.
CollapsibleTrigger
The button that toggles the collapsible content.
CollapsibleContent
The component that contains the collapsible content.