入力・フォーム

入力・フォーム OTP 入力（コード入力）OTP / PIN Code Input

4〜6桁のコードを1文字ずつの箱に入れる入力欄。打つと次の箱へ進み、全部埋まると自動で確認が始まる。

入力・フォーム スイッチSwitch

押すとつまみが横へ滑って、オンとオフが切り替わる。設定画面で「すぐに効く」切り替えに使う。

入力・フォーム スライダーSlider

つまみを横へドラッグして値を決める。目盛りを付けると決まった刻みに吸い付き、動かしている間だけ上に値が出る。

入力・フォーム タグ入力（チップ入力）Tag Input / Chip Input

文字を打って Enter を押すと、その言葉が丸いチップになって欄の中に並ぶ。×を押すと消える。

入力・フォーム チェックボックス / ラジオボタンCheckbox / Radio Button

四角に✓を付けるのがチェックボックス（いくつでも選べる）、丸を塗るのがラジオボタン（1つだけ選べる）。

入力・フォーム テキスト入力の種類Text Field Styles

文字を打つ欄の見た目は「枠線」「塗り」「下線」の3種類。押すと中のラベルが上へ縮んで、枠の色が変わる。

入力・フォーム パスワード表示切替Password Visibility Toggle

パスワード欄の右にある目のアイコンを押すと、●●● で隠していた文字が見えるようになる。もう一度押すと隠れる。

入力・フォーム ログイン画面Login Screen

メールとパスワードを入れてログインする画面。新規登録との切り替えや、Google などでのログインボタンも並ぶ。

入力・フォーム 署名パッド（手書き）Signature Pad

枠の中を指でなぞると、その通りに線が描ける。受け取りのサインや手書きメモに使う。

入力・フォーム 数量ステッパー（＋−）Quantity Stepper

「−」と「＋」のボタンで数を1つずつ増減する。上限・下限に来るとボタンが押せなくなる。

入力・フォーム 星評価Star Rating

星を押すと、その星まで塗られる。横になぞると星が増えたり減ったりする。半分の星で 0.5 刻みにもできる。

入力・フォーム 選択できる文字Selectable Text

普通は選べない画面の文字を、なぞったり長押ししたりして選び、コピーできるようにする。

入力・フォーム 入力エラー表示（バリデーション）Form Validation

入力が間違っていると、欄が赤くなって下に理由が出る。直すとその場で消える。

入力・フォーム 範囲スライダーRange Slider

つまみが2つあるスライダー。下限と上限を動かして「〇〇円から〇〇円まで」のような範囲を決める。

入力・フォーム 複数行の自動伸長テキストAuto-growing Text Field

1行で始まり、改行や折り返しで行が増えると欄が伸びる。決めた行数を超えると、それ以上は伸びずに中でスクロールする。

入力・フォーム 文字数カウンターCharacter Counter

入力欄の右下に「12 / 140」のように打った文字数が出る。上限に近づくと色が変わり、それ以上は打てない。