THEME
MOTION
HAPTIC
SOUND
TOOLTIP
Hover/focus-triggered hint. Text-only; wraps a focusable child and injects aria-describedby.
Live demo
Import
import { Tooltip } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
children | ReactElement | — | yes | The element the tooltip describes. |
label | string | — | yes | |
side | 'top'|'bottom'|'left'|'right' | top | — | |
delay | number | 200 | — | Delay before showing, in MILLISECONDS. |
Examples
shortcut
<Tooltip label="Save — Cmd+S"><Button>SAVE</Button></Tooltip>Accessibility
Role: tooltip
- aria-describedby threaded into child automatically
Feedback
| Haptic | none |
| Sound | none |