Collapsible
LayoutStable
Single collapsible section for progressive disclosure. Use when you need a standalone expand/collapse without the list structure of Accordion.
Quick Import
import { Collapsible } from "@cohere-ai/waypoint-ui/collapsible";Live Preview
Loading Collapsible...
Props
| Name | Type | Default | Description |
|---|---|---|---|
open | boolean | - | Controlled open state |
defaultOpen | boolean | false | Default open state |
onOpenChange | function | - | Callback when open state changes |
disabled | boolean | false | Prevents toggling |
Examples
Basic Collapsible
Collapsible content triggered by a ghost button
1 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@cohere-ai/waypoint-ui/collapsible'; 2 3 <Collapsible> 4 <CollapsibleTrigger asChild> 5 <Button variant="ghost">Show more <ChevronDownIcon /></Button> 6 </CollapsibleTrigger> 7 <CollapsibleContent> 8 <p>Additional content shown when expanded.</p> 9 </CollapsibleContent> 10 </Collapsible>
Additional Resources
Found an Issue?
If you've encountered a bug or have feedback about the Collapsible component, please report it to our team. Your feedback helps us improve Waypoint.
Available for all users • Issue will be created in Linear
Was this page helpful?
Your feedback helps us improve our documentation.
Need Help?
Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.