Popover

Superposición de contenido enriquecido activada por clic o hover. A diferencia del Tooltip (hover, solo texto), el Popover contiene formularios, menús y contenido interactivo con posicionamiento configurable y un indicador de flecha opcional. Soporta 8 posiciones, botón de cierre, encabezado con título y modos de activación por clic y hover.

Vista Previa y Código

Opciones

Nombre Tipo Predeterminado Descripción
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

Registro de Cambios v1.0.0

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

Obtener Acceso Completo

Desbloquea el código fuente de este componente y todos los demás. Un solo pago para acceso de por vida.

Obtener Acceso