Sheet
OverlaysStable
Side panel overlay that slides in from any edge (top, right, bottom, left). Dialog-based, not gesture-based.
Quick Import
import { Sheet } from "@cohere-ai/waypoint-ui/sheet";Live Preview
Loading Sheet...
Props
| Name | Type | Default | Description |
|---|---|---|---|
side | 'top' | 'right' | 'bottom' | 'left' | 'right' | Edge the sheet slides in from (on SheetContent) |
showCloseButton | boolean | true | Whether to render the close button |
Examples
Right Sheet
Settings panel that slides in from the right
1 import { 2 Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, 3 } from '@cohere-ai/waypoint-ui/sheet'; 4 5 <Sheet> 6 <SheetTrigger asChild> 7 <Button variant="outline">Open sheet</Button> 8 </SheetTrigger> 9 <SheetContent side="right"> 10 <SheetHeader> 11 <SheetTitle>Edit settings</SheetTitle> 12 </SheetHeader> 13 <div className="py-4">Content here</div> 14 </SheetContent> 15 </Sheet>
Additional Resources
Found an Issue?
If you've encountered a bug or have feedback about the Sheet 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.