Input OTP
ワンタイムパスワード(認証コード)を1文字ずつのスロットで入力するフォームコントロール。input-otp ベースで maxLength による桁数指定、defaultValue による非制御利用、貼り付けや自動入力(one-time-code)に対応する。ジョブアンテナでは会員登録時のメール認証や電話番号認証など、本人確認コードの入力に使う。
基本
maxLength で桁数を決め、InputOTPSlot を index 順に並べる基本形。InputOTPSeparator でグループを区切る形と disabled 状態も示す。
メール認証
会員登録時の本人確認フロー。送信先メールアドレスの案内、認証コード入力、認証ボタン、再送の導線を1枚にまとめる。
エラー状態
コードの照合に失敗したときの表示。各スロットに aria-invalid を付けると赤枠になる。エラー文言と再送ボタンをセットで置く。