Popover
OverlaysStable
Floating panel anchored to a trigger. Use for inline content like date pickers, color pickers, or low-stakes confirmations.
Quick Import
import { Popover } from "@cohere-ai/waypoint-ui/popover";Live Preview
Loading Popover...
Props
| Name | Type | Default | Description |
|---|---|---|---|
align | 'start' | 'center' | 'end' | 'center' | Alignment relative to trigger (on PopoverContent) |
sideOffset | number | 4 | Distance from trigger |
portal | boolean | true | Whether to portal the content |
Examples
Basic Popover
Simple popover with text content
1 import { Popover, PopoverTrigger, PopoverContent } from '@cohere-ai/waypoint-ui/popover'; 2 3 <Popover> 4 <PopoverTrigger asChild> 5 <Button variant="outline">Open popover</Button> 6 </PopoverTrigger> 7 <PopoverContent> 8 <p>Popover content here.</p> 9 </PopoverContent> 10 </Popover>
Additional Resources
Found an Issue?
If you've encountered a bug or have feedback about the Popover 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.