Actions & Navigation
Hover Trigger
Displays a popover element when a user hovers over a trigger element.
Displays a popover element when a user hovers over a trigger element.
Component props#
| Name | Type | Description |
|---|---|---|
| isOpen | boolean | Controlled open state |
| defaultOpen | boolean | Initial open state when uncontrolled |
| onOpenChange | (open: boolean) => void | Called when the open state changes |
| delay | number | Delay before opening in ms (default: 300) |
| closeDelay | number | Delay before closing in ms (default: 500) |
| onHoverStart | () => void | Called when hover starts |
| onHoverEnd | () => void | Called when hover ends |
| className | string | Extra classes for the popup surface |
The trigger renders through the child element, so buttons and links keep their own semantics and remain focusable.