Temas

Vue OTP Pro incluye 11 temas integrados listos para usar. Combínalos con 5 variantes de color para 55+ combinaciones.

Todos los Temas

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

Variantes de Color

Default

Primary

Success

Danger

Warning

Propiedades CSS Personalizadas

.vop {
  --vop-border-color: #d1d5db;
  --vop-border-focus: #6366f1;
  --vop-bg: #ffffff;
  --vop-text: #1f2937;
  --vop-shadow-focus: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

Modo Oscuro

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

Tamaños

Pequeño

Mediano

Grande

Extra Grande