Tooltip
Info-bulle contextuelle qui apparait au survol d'un element. Construit sur Radix UI Tooltip avec animations d'entree/sortie et positionnement automatique.
Preview
Positions
Le tooltip peut etre positionne sur les quatre cotes de l'element declencheur via la prop side.
Props
TooltipProvider
| Prop | Type | Default | Description |
|---|---|---|---|
| delayDuration | number | 700 | Delai en ms avant l'affichage du tooltip au survol. |
| skipDelayDuration | number | 300 | Delai reduit quand on passe d'un tooltip a un autre rapidement. |
Tooltip (Root)
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | — | Controle l'affichage du tooltip (mode controle). |
| defaultOpen | boolean | false | Etat d'ouverture par defaut (mode non-controle). |
| onOpenChange | (open: boolean) => void | — | Callback appele quand l'etat d'ouverture change. |
TooltipTrigger
| Prop | Type | Default | Description |
|---|---|---|---|
| asChild | boolean | false | Si true, rend l'enfant direct au lieu d'un <button>. |
TooltipContent
| Prop | Type | Default | Description |
|---|---|---|---|
| side | "top" | "right" | "bottom" | "left" | "top" | Position du tooltip par rapport au declencheur. |
| sideOffset | number | 4 | Distance en px entre le tooltip et le declencheur. |
| className | string | — | Classes CSS additionnelles. Par defaut : fond popover, bordure, ombre, texte sm. |