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
_popover.html.erb
███ ███████ █████████
█████████
██████████ ██████ █ ███████ ██████████ █████ ██████ ███████ ███████████ █████████ ██████████████ ███████████
██████ ███████ █ ████ █████████
████████ ██████ █ ██████ ██████████ ██████
███████ ███████ █ █ █████████ █ ████████ ████ ███████ ██ ██████
██████ ██████ █ ███ █████████ █ ████████ ██████ █████
████████████ ███████ █ ████ █████████ █ ████ █████ ██████
██████ ██████ █ ██████████ ███ ███████ ███ ███ █████████
██████ ███ ███████ ███████ ████████ ███████ ████ ███████ ████ ███████
popover_controller.js
██████ █ ██████████ █ ████ ████████████████████
██ ████████ ██ █████████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ███████████ ████████
██████ ██████ █ █
█████ █ █████ ████████ ████████ █████ ██
████████████ █ █████ ███████ ████████ ███████ ██
████████████ █ █████ ████████ ████████ ████ █
█
popover_component.html.erb
████ █████████████████████████
████████████████████████████████████ █████████████ ███
███████████████████████████████████ ████████████ ███
██████████████████████████████████████████████████████ ██████████████████████████████████████
███████████████ ████████████ ███ ██████████████ ████
███ ███████ ██
████ █████████████████████████████
████████████████ ██████████████ ████
██ ██ ████████ ██
popover_component.rb
█ ██████████████████████ ████
█████ ████████████████ █ ███████████████████
██████████ █ █
████ ████████████ ████████ ████████████████ ██████
███████ █████████ ████████ ████████████████ ██████
█████ ███████████ ███████ ████████████████ ██████
██████ ██████████ ███████ ████████████████ ██████
██████████ ████████████ ██████ ██████
████████ ████████████ ███████ ██████
popover_controller.js
██████ █ ██████████ █ ████ ████████████████████
██ ████████ ██ █████████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ███████████ ████████
██████ ██████ █ █
█████ █ █████ ████████ ████████ █████ ██
████████████ █ █████ ███████ ████████ ███████ ██
████████████ █ █████ ████████ ████████ ████ █
█
Registro de Cambios
- 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