InputMask

Components

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 />;

type

InputMaskValueProps

InputValueProps & {...}

Property	Description
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[]`

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

The API is the same as Input.Addon.