Tooltip
Bulle d'aide positionnée hors du flux.
Le contenu passe par un portail plutôt que par un position: absolute dans le flux : un tooltip posé dans une Card ou une cellule de DataTable — toutes deux en overflow: hidden — serait sinon rogné.
Installation
bash
sia-ui add tooltipOu par le paquet, sans rien copier :
tsx
import { Tooltip } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
content | ReactNode | — | |
delay | number | 150 | Délai avant apparition, en millisecondes. |
disabled | boolean | — | |
placement | Placement | top | |
size | ComponentSize | md | Seules sm, md et lg sont dessinées — voir styles.css. |
tone | ComponentTone | neutral | |
variant | "solid" | "outline" | solid |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.