Components
Tooltip
A small label that springs out of its anchor on hover or keyboard focus, flipping to stay on screen.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { Tooltip } from '@vizzele/react';
<Tooltip content="Copy to clipboard">
<button aria-label="Copy">…</button>
</Tooltip>Props
| Prop | Type | Default | Description |
|---|---|---|---|
content | ReactNode | — | Tooltip text. |
placement | 'top' | 'bottom' | 'left' | 'right' | 'top' | Preferred side (flips if needed). |
delay | number | 350 | Hover delay (ms). Focus shows instantly. |
Accessibility
- role="tooltip" referenced by aria-describedby; shows on focus, hides on Escape and blur.