Overlay
Ce qui flotte à côté d'un élément.
Le socle des menus, des listes déroulantes et des infobulles. Il place le panneau parmi douze positions, le retourne quand le bord de la fenêtre approche, et le ramène dans la vue plutôt que de le laisser déborder.
Le calcul vit dans @sia-ui/headless : il ne dépend d'aucun rendu, et sert donc aussi à ce qui n'est pas le DOM.
Installation
bash
sia-ui add overlayOu par le paquet, sans rien copier :
tsx
import { Overlay } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* anchorRef | RefObject<HTMLElement> | — | |
* onOpenChange | (open: boolean) => void | — | |
* open | boolean | — | |
className | string | — | |
id | string | — | |
matchAnchorWidth | boolean | false | |
offset | number | 6 | |
placement | Placement | bottom-start | |
role | string | — | |
viewportPadding | number | 8 |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.