Tooltip
Contextual hint on hover/focus. Figma V8.0: Supporting text (True/False) × 7 arrow positions including None.
import
{ Tooltip } from "@pepulux/ui"Supporting text: False — all placements
Supporting text: True
Arrow: None
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| content* | ReactNode | — | Primary tooltip label — Figma title text |
| supportingText | string | — | Figma Supporting text=True — secondary line below the title |
| placement | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "right" | "top" | Figma Arrow prop — controls which side the caret appears on |
| arrow | boolean | true | Figma Arrow=None when false — hides the directional caret |
| delay | number | 200 | Hover delay before tooltip appears (ms) |