Components / Masked Input

Masked Input

The Navius MaskedInput primitive wearing the standard input skin. A Mask pattern (0 for a digit, literals passed through) guides typing and formats as you go. Type a phone number below. This preview is the real component running in WebAssembly.

Examples

Value: empty

razor
<ZitsMaskedInput Mask="(000) 000-0000" Placeholder="@('_')"
                 @bind-Value="_phone" />

@code { private string? _phone; }

Installation

Terminal bash
navius add masked-input

API reference

ZitsMaskedInput:

Prop Type Default
Mask string ""
Value string? null
ValueChanged EventCallback<string> -
DefaultValue string? null
Placeholder char? null
Lazy bool true
Disabled / Invalid bool false