InputMask
InputMask
js
import InputMask from '@semcore/ui/input-mask';
The API is the same as Input.
InputMask.Value
js
import InputMask from '@semcore/ui/input-mask';
<InputMask.Value />;
InputMaskValueProps
& {...}Name | Type | Description |
---|---|---|
mask | string | boolean | | Mask for entering text |
hideMask | boolean | 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 | 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[] | |
maskOnlySymbols | Record<string, boolean> | Field for describe which symbols will use as mask |
inputW | string | number | Overrids width of the input field |
inputRole | string | Aria role for input |
InputMask.Addon
js
import InputMask from '@semcore/ui/input-mask';
<InputMask.Addon />;
The API is the same as Input.Addon.