Skip to content

InputMask

Components5.9.2

InputMask

import InputMask from '@semcore/ui/input-mask';

The API is the same as Input.

InputMask.Value

import InputMask from '@semcore/ui/input-mask';
<InputMask.Value />;
typeInputMaskValueProps
InputValueProps & {...}
PropertyDescription
mask
string | boolean | IInputMaskAsFn

Mask for entering text

hideMask
boolean = false

The property for visibility of the mask

pipe
(conformedValue: string, config: {}) => string | false | {value: string; indexesOfPipedChars: number[]}

This function allows you to change the input value before it is displayed on the screen.

keepCharPositions
boolean
aliases
InputMaskAliases = {'9': /\d/, 'a': /[a-zA-Zа-яА-Я]/, '*': /[\da-zA-Zа-яА-Я]/}

The aliases object for the mask values. The key is the symbol used in the mask, and the value is the regular expression that this symbol must match

onSuccess
(value: string) => void

Event that is called when the input value fully matches the mask

title
string

A field that explains the mask for blind users

includeInputProps
string[]

InputMask.Addon

import InputMask from '@semcore/ui/input-mask';
<InputMask.Addon />;

The API is the same as Input.Addon.