インタラクティブプレイグラウンド

オプションを切り替えて完璧なOTP入力を作成。コードはリアルタイムで更新されます。

Theme

Variant

Size

Inputs6

SeparatorNoneDashDotStar

Disabled Error Success

View Code

<OtpInput
  v-model="otp"
  theme="box"
  size="md"
  :num-inputs="6"
/>

クイック例

基本的な6桁OTP

<OtpInput v-model="otp" />

4桁PINコード

すべてのサイズ

小

中

大

特大