フォーム v1.0.0

トグルグループ

ビュー、フィルター、モードの切り替えのためのトグルボタンの行。 単一選択（ラジオ風）と複数選択（チェックボックス風）モードに対応し、 矢印キーによる完全なキーボードナビゲーションを備えています。

アウトライン

アクティブ状態で塗りつぶされる枠線付きボタンの行。クリーンでプロフェッショナル。

オプション

名前 型 デフォルト 説明
items * Array 必須 Array of hashes with :label (String), :value (String), optional :icon (String SVG)
mode Symbol :single Selection mode: :single or :multiple
size Symbol :md Size: :sm, :md, :lg
value String Initially selected value (single mode) or comma-separated values (multiple mode)
name String Form field name for hidden input
disabled Boolean false Disable all buttons

ピル

アクティブ時に淡い背景の丸みを帯びたピルボタン。柔らかい印象。

オプション

名前 型 デフォルト 説明
items * Array 必須 Array of hashes with :label, :value, optional :icon
mode Symbol :single Selection mode: :single or :multiple
size Symbol :md Size: :sm, :md, :lg
value String Initially selected value(s)
name String Form field name
disabled Boolean false Disable all buttons

変更履歴 v1.0.0

- v1.0.0: Initial release with outline and pill styles

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得