Skip to content

InputMasked

Description

The InputMasked component uses the basic Input component, but with some additional masking functionality.

How to use

You may read more about the properties you can use on number_mask.

NB: If the property show_mask is true, screen readers will read the mask once the user is entering the text field. Also the user will hear the mask during typing. This behavior can both have positive and negative side effects to the user.

Demos

kr.

Only numbers

Enter a number

Only numbers, right aligned and large sized input

Phone Number, starting with 4