セレクト
ラベル、ヒントテキスト、エラー状態を備えたネイティブセレクトドロップダウンコンポーネント。 フォームビルダーモード(Railsフォームオブジェクト利用)とスタンドアロンの両方に対応しています。 柔軟なオプション表示のために配列またはハッシュでオプションを受け取ります。
プレビュー & コード
_select.html.erb
███
██████ █████████ █████████
█████ ████ ████ ████████
███ █████████ ██████ █████ ██ ███ ██
███ ██████ ████████████████████ █████ ██ ██████████ █████████
████████ █████████ ████████ ██████ ██████████ ██████ ████████ █████████ ███████
███████ ███████ █ ████████ ██
██ ███ ██
select_component.html.erb
████ ███████████████
██ ██ ███████████████ ██
██████ ████████ ████████ ███ ██████████ █████████████ ████
███ ██████ ██
██ ██ █████████ ██
█████ ███████████████████ ████████████████
██ ███ ██
████████
██ ███ ██
select_component.rb
█ ██████████████████████ ████
█████ ███████████████ █ ███████████████████
█████ █ █████ ██ ██████████
███████████ ██████ ███████████ ██████ █████████ ██████████ ███████ ██████
████████ ███████████████ ██████████ ██████████ ██████ ██████
███ ███████████
█████████
変更履歴
- 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