Collapsible
An interactive component which expands/collapses a panel.
An interactive component which expands/collapses a panel.
import {
Collapsible,
CollapsiblePanel,
CollapsibleTrigger,
} from "@/components/ui/collapsible";
<Collapsible>
<CollapsibleTrigger>Open details</CollapsibleTrigger>
<CollapsiblePanel>Here are the details.</CollapsiblePanel>
</Collapsible>;You can use the animationPreset prop to change the animation preset of the collapsible.
<CollapsiblePanel
animationPreset="scale"
>
// your content here
</CollapsiblePanel>