Select
A native select dropdown component with label, hint text, and error states. Supports both form builder mode (with Rails form objects) and standalone usage. Accepts options as arrays or hashes for flexible option rendering.
Preview & Code
_select.html.erb
███
██████ █████████ █████████
█████ ████ ████ ████████
███ █████████ ██████ █████ ██ ███ ██
███ ██████ ████████████████████ █████ ██ ██████████ █████████
████████ █████████ ████████ ██████ ██████████ ██████ ████████ █████████ ███████
███████ ███████ █ ████████ ██
██ ███ ██
select_component.html.erb
████ ███████████████
██ ██ ███████████████ ██
██████ ████████ ████████ ███ ██████████ █████████████ ████
███ ██████ ██
██ ██ █████████ ██
█████ ███████████████████ ████████████████
██ ███ ██
████████
██ ███ ██
select_component.rb
█ ██████████████████████ ████
█████ ███████████████ █ ███████████████████
█████ █ █████ ██ ██████████
███████████ ██████ ███████████ ██████ █████████ ██████████ ███████ ██████
████████ ███████████████ ██████████ ██████████ ██████ ██████
███ ███████████
█████████
Changelog
- Initial release with form builder and standalone modes
- Three size options: sm, md (default), lg
- Flexible options format (strings, arrays, hashes)
- Automatic error detection from Rails form objects
- Dark mode support
Get Full Access
Unlock the source code for this component and all others. One-time payment for lifetime access.
Get Access Now