Popover
Overlay di contenuto ricco attivato da clic o hover. A differenza del Tooltip (hover, solo testo), il Popover contiene form, menu e contenuti interattivi con posizionamento configurabile e indicatore a freccia opzionale. Supporta 8 posizioni, pulsante di chiusura, intestazione con titolo e modalità di attivazione sia clic che hover.
Anteprima e Codice
_popover.html.erb
███ ███████ █████████
█████████
██████████ ██████ █ ███████ ██████████ █████ ██████ ███████ ███████████ █████████ ██████████████ ███████████
██████ ███████ █ ████ █████████
████████ ██████ █ ██████ ██████████ ██████
███████ ███████ █ █ █████████ █ ████████ ████ ███████ ██ ██████
██████ ██████ █ ███ █████████ █ ████████ ██████ █████
████████████ ███████ █ ████ █████████ █ ████ █████ ██████
██████ ██████ █ ██████████ ███ ███████ ███ ███ █████████
██████ ███ ███████ ███████ ████████ ███████ ████ ███████ ████ ███████
popover_controller.js
██████ █ ██████████ █ ████ ████████████████████
██ ████████ ██ █████████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ███████████ ████████
██████ ██████ █ █
█████ █ █████ ████████ ████████ █████ ██
████████████ █ █████ ███████ ████████ ███████ ██
████████████ █ █████ ████████ ████████ ████ █
█
popover_component.html.erb
████ █████████████████████████
████████████████████████████████████ █████████████ ███
███████████████████████████████████ ████████████ ███
██████████████████████████████████████████████████████ ██████████████████████████████████████
███████████████ ████████████ ███ ██████████████ ████
███ ███████ ██
████ █████████████████████████████
████████████████ ██████████████ ████
██ ██ ████████ ██
popover_component.rb
█ ██████████████████████ ████
█████ ████████████████ █ ███████████████████
██████████ █ █
████ ████████████ ████████ ████████████████ ██████
███████ █████████ ████████ ████████████████ ██████
█████ ███████████ ███████ ████████████████ ██████
██████ ██████████ ███████ ████████████████ ██████
██████████ ████████████ ██████ ██████
████████ ████████████ ███████ ██████
popover_controller.js
██████ █ ██████████ █ ████ ████████████████████
██ ████████ ██ █████████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ███████████ ████████
██████ ██████ █ █
█████ █ █████ ████████ ████████ █████ ██
████████████ █ █████ ███████ ████████ ███████ ██
████████████ █ █████ ████████ ████████ ████ █
█
Registro delle modifiche
- v1.0.0: Initial release with placement, arrow, trigger mode, title, and dismissible options
Ottieni l'Accesso Completo
Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.
Ottieni l'Accesso Ora