Radzen Professional is now 20% off until January 4th 2019! Learn more

Mask

This guide demonstrates how to use the Mask component.

Mask Properties

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.

Angular declaration

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

We are here for you

Making our users happy is always a priority for us.