SecurityCode

Demonstration and configuration of the Radzen Blazor SecurityCode component.

In this demo four security code inputs demonstrate different types: Default (alphanumeric), Numeric (Type="SecurityCodeType.Numeric"), Password (masked), and one with pre-filled value "sa4f", with controls to adjust Count (1-8 digits), Gap, and Disabled state.

Count
Gap
Disabled

Default SecurityCode

Numeric SecurityCode

Password SecurityCode

Bind SecurityCode value

✨ 오늘의 명언 & 마음의 양식

“배우고 때때로 익히면 또한 기쁘지 아니한가.”

— 논어 (고전 명언)

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙