Collapsible
A component for showing and hiding content.
Usage Examples
Basic Collapsible Example
A simple collapsible with a trigger and content.
<Collapsible>
<CollapsibleTrigger>Toggle</CollapsibleTrigger>
<CollapsibleContent>Hidden content</CollapsibleContent>
</Collapsible>
Flat Props
Name
Type
Default
Description
open
boolean
false
Whether the collapsible is open by default.
Collapsible
Name
Type
Default
Description
open
boolean
false
Whether the collapsible is open by default.
CollapsibleTrigger
Name
Type
Default
Description
className
string
-
Additional classes for the trigger button.
CollapsibleContent
Name
Type
Default
Description
className
string
-
Additional classes for the collapsible content.