Tooltip
@stellaria/nebula-webTooltipPropsPreview
Props
15| Prop | Type | Default |
|---|---|---|
className | string | — |
closeDelay Delay before closing on leave, which is what lets you travel from the trigger to the bubble. | number | 150 |
color | "inverted" | "neutral" | "neutral" |
crossOffset Offset along the perpendicular axis, in px. | number | — |
defaultOpened | boolean | — |
delay Delay before opening on hover. At zero it opens on enter. | number | 0 |
disabled Neither rendered nor announced. The trigger loses its description, so this is not the way to hide it temporarily. | boolean | false |
label requiredThe bubble text. It arrives through `aria-describedby`, which **describes**: it does not replace the trigger name, so an icon-only button still needs its `aria-label`. | ReactNode | — |
maw Maximum width of the bubble. It shadows the `maw` style prop, which here would land on the trigger. | string | number | — |
offset Distance from the trigger, in px, along the `placement` axis. | number | 8 |
onOpenChange | ((opened: boolean) => void) | — |
opened Passing it makes the tooltip controlled: pointer and focus stop opening it and it only emits `onOpenChange`. | boolean | — |
placement The REQUESTED placement. If it does not fit, React Aria changes it. | PopoverPlacement | "top" |
trigger requiredThe element that triggers it. It receives the `ref` and the `aria-describedby`, so it has to forward them. | OverlayTriggerElement | — |
withArrow | boolean | false |
Also accepts
On top of its own props, this component forwards these groups.