Input OTP

ワンタイムパスワード(認証コード)を1文字ずつのスロットで入力するフォームコントロール。input-otp ベースで maxLength による桁数指定、defaultValue による非制御利用、貼り付けや自動入力(one-time-code)に対応する。ジョブアンテナでは会員登録時のメール認証や電話番号認証など、本人確認コードの入力に使う。

基本

maxLength で桁数を決め、InputOTPSlot を index 順に並べる基本形。InputOTPSeparator でグループを区切る形と disabled 状態も示す。

メール認証

会員登録時の本人確認フロー。送信先メールアドレスの案内、認証コード入力、認証ボタン、再送の導線を1枚にまとめる。

エラー状態

コードの照合に失敗したときの表示。各スロットに aria-invalid を付けると赤枠になる。エラー文言と再送ボタンをセットで置く。