OtpInput

Free

One box per character for verification codes. Typing moves to the next box, Backspace to the previous one, and a pasted code fills all boxes.

Example

Parameter	Type	Description
`Class`	`string`	Extra CSS classes added to the root element.
`Disabled`	`bool`	Disables interaction.
`Label`	`string`	Visible label text (charts: accessible name; IconButton: accessible name and tooltip).
`Length`	`int`	Number of boxes.
`Mask`	`bool`	Hides the typed characters.
`Numeric`	`bool`	Accepts digits only (default true).
`Style`	`string`	Inline style added to the root element.
`Value`	`string`	Current value. Use with @bind-Value.

Event	Type	Description
`Completed`	`EventCallback<string>`	Raised with the full code when every box is filled.
`ValueChanged`	`EventCallback<string>`	Raised when the value changes.

OtpInput is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.