A popup that displays information related to an element when the element receives focus or is hovered.
import { Tooltip } from '@ivaldi/ui'| Prop | Type | Default |
|---|---|---|
className | string | — |
aria-label | string | — |
children | ReactNode | — |
asChild | boolean | — |
side | enum | — |
sideOffset | number | "4" |
align | enum | — |
alignOffset | number | — |
arrowPadding | number | — |
avoidCollisions | boolean | — |
collisionBoundary | Element | Element[] | — |
collisionPadding | see more | — |
sticky | enum | — |
hideWhenDetached | boolean | — |
updatePositionStrategy | enum | — |
forceMount | true | — |
onEscapeKeyDown | function | — |
onPointerDownOutside | function | — |
content* | ReactNode | — |
asChildContent | boolean | — |
| Prop | Type | Default |
|---|---|---|
children* | ReactNode | — |
open | boolean | — |
defaultOpen | boolean | — |
onOpenChange | function | — |
delayDuration | number | — |
disableHoverableContent | boolean | — |
| Prop | Type | Default |
|---|---|---|
forceMount | true | — |
aria-label | string | — |
onEscapeKeyDown | function | — |
onPointerDownOutside | function | — |
className | string | — |
children | ReactNode | — |
asChild | boolean | — |
side | enum | — |
sideOffset | number | "4" |
align | enum | — |
alignOffset | number | — |
arrowPadding | number | — |
avoidCollisions | boolean | — |
collisionBoundary | Element | Element[] | — |
collisionPadding | see more | — |
sticky | enum | — |
hideWhenDetached | boolean | — |
updatePositionStrategy | enum | — |
| Prop | Type | Default |
|---|---|---|
children* | ReactNode | — |
delayDuration | number | — |
skipDelayDuration | number | — |
disableHoverableContent | boolean | — |
| Prop | Type | Default |
|---|---|---|
type | enum | — |
className | string | — |
children | ReactNode | — |
asChild | boolean | — |