Our Black Friday offer is live! Apply code BLACKFRIDAY2025 at checkout and save $100. See Pricing

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.

Example
Edit Source

Count

Gap

Disabled

Default SecurityCode

Numeric SecurityCode

Password SecurityCode

Bind SecurityCode value

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

CRUD Operations and Data Management

Seamless Integration

Digital Transformation and Modernization

Design Systems and Consistency

From Prototyping to Production

Time to Market Reduced