Popover
A tooltip/popover component with smart positioning and hover interaction.
Basic Usage
Positions
Custom Content
Use a snippet for rich HTML content in the popover.
Features
- Smart Positioning - Automatically adjusts to stay within viewport
- Hover Interaction - Popover stays visible when hovering over it
- Configurable Delays - Control show/hide timing
- Scroll Handling - Repositions on scroll and resize
- Smooth Animations - Direction-aware fly transitions
Props
| Prop | Type | Default | Description |
|---|---|---|---|
content * | string | Snippet | - | Popover content |
position | 'top' | 'bottom' | 'left' | 'right' | 'top' | Preferred position |
delay | {show: number, hide: number} | {show: 100, hide: 100} | Show/hide delay in ms |
offset | number | 8 | Distance from trigger in px |