Menu déroulant
Un composant de menu déroulant entièrement accessible construit avec Stimulus et Tailwind CSS. Prend en charge les déclencheurs personnalisés, les en-têtes de menu, les séparateurs, les icônes et les actions destructives. Animations fluides de mise à l'échelle et fondu avec navigation complète au clavier.
Aperçu et code
dropdown_component.rb
█ ██████████████████████ ████
█████ █████████████████
███████████ ███████ ██████
███ ██████████████████ ██████ ███
██████ █ █████
██████ █ █████
███
_dropdown.html.erb
███
████████ █████████ █████████
██████
███ ██████ ██████████████████████ ██████ ██████████ ██████ █
█ ██████ ███████ █████ ██████████ █████ ████████ ██
█ █████ ████████ ██
█ ██████ █████████ █████ ████████████ █████ ████████ ████████████ ████ █
█ ██
dropdown_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ █████████
█████████ █
█████████ █ █████
█
████████ █
dropdown_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
█████████ █ ███████████████ ███████████ █████████ ████████████████
███████████ ████████
███████████ ███████
████████████ ███████ ███████████████
████████████ ██████████ ██████████████████
dropdown_component.html.erb
████ ██████████████████████████
█████████████████████████████████████████ ██████████████████████████████████████████████
███████████████ ████████████ ███████████
███ ████████ ██████ ████ ██ ███████ ██████ ██
██ ██ ████████ ██
███████ █████████████████████████████
█████████████████████████████
█████████████
██████████ ███████████████ ███
█████████████████████
dropdown_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ █████████
█████████ █
█████████ █ █████
█
████████ █
Journal des modifications
- 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
Obtenir l'accès complet
Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.
Obtenir l'accès maintenant