チェックボックス

Checkbox

説明

複数の選択肢からユーザーが任意の数を選択できるコンポーネント。グループで使用されることが多い。

ブラウザデフォルトをTailwindでカスタマイズした標準的なチェックボックス。

ブラウザのネイティブ要素を非表示にし、完全にTailwindでスタイリングしたカスタム実装。

チェックボックスとラベルを含むボックス全体がクリック可能なカード型スタイル。

トグルスイッチのような見た目で動作するチェックボックス。設定系フォームに。

チェック/未チェック/中間（ー）の3状態に対応した高機能チェックボックス。階層リストに最適。

Input

ユーザーがテキストを入力するための単行・複数行フォームフィールド。バリデーション状態（エラー・無効）の表現も含む。

Select

ドロップダウン形式で選択肢の一覧を表示し、ユーザーが選択するための入力コンポーネント。単一・複数選択のバリエーションがある。

Radio Button

複数の選択肢から1つだけ選択させる入力コンポーネント。グループで使用し、排他的な選択を表現する。

Date Picker

カレンダーUIを使って日付を入力・選択するコンポーネント。日付範囲の選択や和暦対応バリアントを持つ場合もある。