ComponentsTooltip
Tooltip
The Tooltip is a flexible and handy component that provides additional information when users hover over an element. It is perfect for scenarios where you need to offer users tips or help text.
The Tooltip is a flexible and handy component that provides additional information when users hover over an element. It is perfect for scenarios where you need to offer users tips or help text.
| Prop | Type | Default |
|---|---|---|
aria-label | string | |
closeDelay | number | |
closeOnEsc | boolean | |
closeOnPointerDown | boolean | |
disabled | boolean | |
getRootNode | () => ShadowRoot | Node | Document | |
id | string | |
ids | Partial<{
trigger: string
content: string
arrow: string
positioner: string
}> | |
interactive | boolean | |
onOpenChange | (details: OpenChangeDetails) => void | |
open | boolean | |
openDelay | number | |
positioning | PositioningOptions |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean | |
lazyMount | boolean | false |
onExitComplete | () => void | |
present | boolean | |
unmountOnExit | boolean | false |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |