Popover

Un panneau attaché à un élément, avec du contenu qu'on peut viser.

À la différence d'une infobulle, il reste ouvert : on y met un lien, un bouton, un petit formulaire. Une infobulle qui contient un bouton est une infobulle cassée — elle disparaît dès qu'on va vers lui.

Installation

sia-ui add popover

Ou par le paquet, sans rien copier :

import { Popover } from "@sia-ui/react-web";

Props

Prop	Type	Défaut	Description
* content	ReactNode	—
className	string	—
defaultOpen	boolean	false
disabled	boolean	false
onOpenChange	(open: boolean) => void	—
open	boolean	—
overlayProps	Partial<Omit<OverlayProps, "children" | "open" | "onOpenChange" | "anchorRef">>	—	Réglages du panneau flottant — décalage, marge au bord, rôle, classe.
placement	OverlayPlacement	bottom-start
title	ReactNode	—
tone	ComponentTone	neutral
trigger	"click" | "hover"	click
variant	"solid" | "outline"	outline

* obligatoire.

Voir aussi

• Le composant dans le catalogue — états, variantes, et bac à sable.
• La référence complète — tous les composants.