Popover
Floating content panel triggered by clicking a button. Uses CSS focus-within for toggle behavior.
Basic Popover
Click the button to reveal content. Click outside to dismiss.
This content appears when the button is focused. Click outside to dismiss.
Rich Content
Popover with avatar, name, and role information.
J
Jane Smith
Product Designer
Multiple Popovers
Side-by-side popovers for different actions.
Need help? Check the documentation for more details.
Share this page via email or copy the link.
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | text | "Info" | Trigger button text |
children | content | - | Popover panel content |