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 />;
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[] |
InputMask.Addon
import InputMask from '@semcore/ui/input-mask';
<InputMask.Addon />;
The API is the same as Input.Addon.