Combobox
Ein durchsuchbares Auswahl-Dropdown mit Tastaturnavigation. Unterstützt sowohl den Formularbaukasten-Modus (mit Rails-Formularobjekten) als auch eigenständige Nutzung. Funktionen umfassen das Filtern von Optionen durch Tippen, Tastaturnavigation und benutzerdefiniertes Optionsrendering.
Vorschau & Code
_combobox.html.erb
███
████████ █████████ █████████
█████ ████ ████ ████████
███ █████████ ██████ █████ ██ ███ ██
███ ██████ ██████████████████████ █████ ██ ██████████ █████████
██████ ██████████
████████ █
█ ██████ ███████ ████████ ██████ █████ ████████████ ██████ ████████ ██
█ ██████ █████████ ██████ █████ ████████████ ██████ ████████ ██
combobox_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████ ██████████ █████████ ██████████ ████████
██████ ██████ █ █
█████ █ █████ ████████ ████████ █████ ██
█████████ ███████
██████████████ ██████
█
combobox_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
███████████ ██████ ███████████ ██████ ███████ ██████ █████████████
███████████████ ██████████ ██████████ ██████
███ ███████████
█████ ████
██████████ ████
█████ ████
combobox_component.html.erb
████ █████████████ ████████ ███ █████████████████ ███ ███ ████████████████████ ████████████████ ███
██ ██ ███████████████ ██
██████ ████████ ████████ ██████████ ██████████ █████████████ ████
███ ██████ ██
██ ██ █████████ ██
█████ ███████████████████ ████████████████
██ ███ ██
████████
██ ███ ██
combobox_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████ ██████████ █████████ ██████████ ████████
██████ ██████ █ █
█████ █ █████ ████████ ████████ █████ ██
█████████ ███████
██████████████ ██████
█
Änderungsprotokoll
- 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
Vollzugang erhalten
Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.
Jetzt Zugang erhalten