Select theme:

Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.

Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.

The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/

Mask (Angular)link

This guide demonstrates how to use the Mask component.

Mask Propertieslink

Name	Type	Default	Description
Name	string	'mask' + index suffix	Unique name of the Mask.
Value	string/expression	null	Mask value.
Placeholder	string	empty	Mask placeholder.
Mask	string	null	Mask pattern.
Size	integer	null	Size of the input field.
Maxlength	integer	null	Maximum number of character allows in the input field.
ReadOnly	boolean/expression	false	Is Mask read-only.
Disabled	boolean/expression	false	Is Mask disabled.
Visible	boolean/expression	true	Is Mask visible.
autoClear	boolean/expression	true	Clears the incomplete value on blur.
unmask	boolean/expression	false	Defines if ngModel sets the raw unmasked value to bound value or the formatted mask value.

For more info about expressions please visit expressions in our documentation.

<rz-mask #mask0 mask="99-9999" placeholder="Enter here ..." name="mask0">
</rz-mask>

In this article —

Radzen is free to use. You can also test the premium features for 15 days.

Select theme: