Popover

Superposition de contenu riche déclenchée par clic ou survol. Contrairement au Tooltip (survol, texte uniquement), le Popover contient des formulaires, menus et du contenu interactif avec un positionnement configurable et un indicateur fléché optionnel. Prend en charge 8 positions, un bouton de fermeture, un en-tête de titre et les modes de déclenchement par clic et survol.

Aperçu et code

Options

Nom Type Par défaut Description
placement Symbol :bottom Position relative to trigger: :top, :bottom, :left, :right, :top_start, :top_end, :bottom_start, :bottom_end
arrow Boolean true Show arrow pointing to trigger element
trigger Symbol :click How to show popover: :click or :hover
offset Integer 8 Distance from trigger in pixels (applied via placement margin classes)
title String nil Optional popover title shown in the header
dismissible Boolean true Show close button in the header
class String "" Additional CSS classes for the container

Journal des modifications v1.0.0

- v1.0.0: Initial release with placement, arrow, trigger mode, title, and dismissible options

Obtenir l'accès complet

Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.

Obtenir l'accès maintenant