Menu a tendina
Un componente menu a tendina completamente accessibile costruito con Stimulus e Tailwind CSS. Supporta trigger personalizzati, intestazioni del menu, separatori, icone e azioni distruttive. Con animazioni fluide di scala e dissolvenza e navigazione completa da tastiera.
Anteprima e Codice
dropdown_component.rb
█ ██████████████████████ ████
█████ █████████████████
███████████ ███████ ██████
███ ██████████████████ ██████ ███
██████ █ █████
██████ █ █████
███
_dropdown.html.erb
███
████████ █████████ █████████
██████
███ ██████ ██████████████████████ ██████ ██████████ ██████ █
█ ██████ ███████ █████ ██████████ █████ ████████ ██
█ █████ ████████ ██
█ ██████ █████████ █████ ████████████ █████ ████████ ████████████ ████ █
█ ██
dropdown_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ █████████
█████████ █
█████████ █ █████
█
████████ █
dropdown_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
█████████ █ ███████████████ ███████████ █████████ ████████████████
███████████ ████████
███████████ ███████
████████████ ███████ ███████████████
████████████ ██████████ ██████████████████
dropdown_component.html.erb
████ ██████████████████████████
█████████████████████████████████████████ ██████████████████████████████████████████████
███████████████ ████████████ ███████████
███ ████████ ██████ ████ ██ ███████ ██████ ██
██ ██ ████████ ██
███████ █████████████████████████████
█████████████████████████████
█████████████
██████████ ███████████████ ███
█████████████████████
dropdown_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ █████████
█████████ █
█████████ █ █████
█
████████ █
Registro delle modifiche
- v2.0.0: Major expansion with custom triggers, headers, dividers, icons, animations
- v1.1.0: Added ViewComponent format support
- v1.0.0: Initial release with full keyboard support
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