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

Using the currency_mask

Making a custom currency mask

Using the number_mask - combined suffix

kr.

Using the number_mask and a prefix

Phone Number, starting with 4