テーマ

Vue OTP Pro には 11 のビルトインテーマが付属。5 つのカラーバリアントと組み合わせて 55 以上の組み合わせが可能。

すべてのテーマ

BoxClean bordered with rounded corners

UnderlineMinimal bottom-border style

RoundedCircular playful inputs

PillCapsule-shaped inputs

SeparatedElevated cards with lift effect

FlushJoined continuous bar

ShadowProminent shadow, lift on focus

MinimalThin borders, ultra clean

FilledSolid background, no border

NeonGlowing neon on dark

GlassGlassmorphism with blur

カラーバリアント

Primary

Success

Danger

Warning

CSS カスタムプロパティ

.vop {
  --vop-border-color: #d1d5db;
  --vop-border-focus: #6366f1;
  --vop-bg: #ffffff;
  --vop-text: #1f2937;
}

ダークモード

.dark .vop {
  --vop-border-color: #374151;
  --vop-border-focus: #818cf8;
  --vop-bg: #1f2937;
  --vop-text: #f9fafb;
}

サイズ

小

中

大

特大