Combobox
Un componente de lista desplegable con búsqueda y navegación por teclado. Soporta tanto el modo form builder (con objetos de formulario Rails) como uso independiente. Incluye filtrado de opciones al escribir, navegación por teclado y renderizado personalizado de opciones.
Vista Previa y Código
_combobox.html.erb
███
████████ █████████ █████████
█████ ████ ████ ████████
███ █████████ ██████ █████ ██ ███ ██
███ ██████ ██████████████████████ █████ ██ ██████████ █████████
██████ ██████████
████████ █
█ ██████ ███████ ████████ ██████ █████ ████████████ ██████ ████████ ██
█ ██████ █████████ ██████ █████ ████████████ ██████ ████████ ██
combobox_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████ ██████████ █████████ ██████████ ████████
██████ ██████ █ █
█████ █ █████ ████████ ████████ █████ ██
█████████ ███████
██████████████ ██████
█
combobox_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
███████████ ██████ ███████████ ██████ ███████ ██████ █████████████
███████████████ ██████████ ██████████ ██████
███ ███████████
█████ ████
██████████ ████
█████ ████
combobox_component.html.erb
████ █████████████ ████████ ███ █████████████████ ███ ███ ████████████████████ ████████████████ ███
██ ██ ███████████████ ██
██████ ████████ ████████ ██████████ ██████████ █████████████ ████
███ ██████ ██
██ ██ █████████ ██
█████ ███████████████████ ████████████████
██ ███ ██
████████
██ ███ ██
combobox_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████ ██████████ █████████ ██████████ ████████
██████ ██████ █ █
█████ █ █████ ████████ ████████ █████ ██
█████████ ███████
██████████████ ██████
█
Registro de Cambios
- 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
Obtener Acceso Completo
Desbloquea el código fuente de este componente y todos los demás. Un solo pago para acceso de por vida.
Obtener Acceso