The Hover Card component is a user-friendly, interactive tool designed to display information when a user hovers over a specific trigger element. It offers a variety of features, such as controlled state, customizable positioning, and the use of render props for a more dynamic and flexible experience.
| Prop | Type | Default |
|---|---|---|
closeDelay | number | |
defaultOpen | boolean | |
dir | 'ltr' | 'rtl' | |
getRootNode | () => ShadowRoot | Node | Document | |
id | string | |
ids | Partial<{
trigger: string
content: string
positioner: string
arrow: string
}> | |
onOpenChange | (details: OpenChangeDetails) => void | |
open | boolean | |
openDelay | number | |
positioning | PositioningOptions |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean | |
lazyMount | boolean | |
onExitComplete | () => void | |
present | boolean | |
unmountOnExit | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |