Overlays v1.0.0

Popover

Reichhaltiges Inhalts-Overlay, ausgelöst durch Klick oder Hover. Im Gegensatz zum Tooltip (Hover, nur Text) kann das Popover Formulare, Menüs und interaktive Inhalte mit konfigurierbarer Platzierung und optionalem Pfeilindikator enthalten. Unterstützt 8 Platzierungspositionen, schließbare Schaltfläche, Titelkopfzeile sowie Klick- und Hover-Auslösemodi.

Vorschau & Code

Optionen

Name Typ Standard Beschreibung
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

Änderungsprotokoll v1.0.0

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

Vollzugang erhalten

Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.

Jetzt Zugang erhalten