Collapsible
An interactive component which expands/collapses a panel.
Saved preference for
elorm init --ui-library base-uiYes. Free to use for personal and commercial projects. No attribution required.
PreviewCode
"use client"
import {
Collapsible,
CollapsibleContent,
CollapsibleTrigger,
} from "@/components/ui/collapsible"
export function CollapsibleDemo() {
return (
<Collapsible defaultOpen className="max-w-md">
<CollapsibleTrigger>Can I use this in my project?</CollapsibleTrigger>
<CollapsibleContent className="pt-2">
Yes. Free to use for personal and commercial projects. No attribution required.
</CollapsibleContent>
</Collapsible>
)
}
Installation#
Usage#
import { Collapsible } from "@/components/ui/collapsible"An interactive component which expands/collapses a panel.