Combobox
Un composant de liste déroulante avec recherche et navigation au clavier. Prend en charge le mode form builder (avec les objets formulaire Rails) et l'utilisation autonome. Inclut le filtrage des options par saisie, la navigation au clavier et le rendu personnalisé des options.
Aperçu et code
_combobox.html.erb
███
████████ █████████ █████████
█████ ████ ████ ████████
███ █████████ ██████ █████ ██ ███ ██
███ ██████ ██████████████████████ █████ ██ ██████████ █████████
██████ ██████████
████████ █
█ ██████ ███████ ████████ ██████ █████ ████████████ ██████ ████████ ██
█ ██████ █████████ ██████ █████ ████████████ ██████ ████████ ██
combobox_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████ ██████████ █████████ ██████████ ████████
██████ ██████ █ █
█████ █ █████ ████████ ████████ █████ ██
█████████ ███████
██████████████ ██████
█
combobox_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
███████████ ██████ ███████████ ██████ ███████ ██████ █████████████
███████████████ ██████████ ██████████ ██████
███ ███████████
█████ ████
██████████ ████
█████ ████
combobox_component.html.erb
████ █████████████ ████████ ███ █████████████████ ███ ███ ████████████████████ ████████████████ ███
██ ██ ███████████████ ██
██████ ████████ ████████ ██████████ ██████████ █████████████ ████
███ ██████ ██
██ ██ █████████ ██
█████ ███████████████████ ████████████████
██ ███ ██
████████
██ ███ ██
combobox_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████ ██████████ █████████ ██████████ ████████
██████ ██████ █ █
█████ █ █████ ████████ ████████ █████ ██
█████████ ███████
██████████████ ██████
█
Journal des modifications
- Initial release with form builder and standalone modes
- Real-time search filtering
- Keyboard navigation (arrow keys, enter, escape)
- Support for option descriptions
- Automatic error detection from Rails form objects
- Dark mode 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