Skip to content

InputMask

WARNING

InputMask is deprecated and will be removed in the next major release.

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

NSInputMask.Value.Props

& {...}
NameTypeDescription
maskstring | boolean | ((rawValue: string) => string | []) Mask for entering text
hideMaskboolean The property for visibility of the mask
pipe(conformedValue: string, config: {rawValue: string }) => string | false | {value: string; indexesOfPipedChars: number[] } This function allows you to change the input value before it is displayed on the screen.
aliases {[s: string]: } 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
titlestring A field that explains the mask for blind users
includeInputPropsstring[] Specifies which props to pass to input element
maskOnlySymbolsRecord<string, boolean> Field for describe which symbols will use as mask
inputWstring | number Overrids width of the input field
inputRolestring Aria role for input

InputMask.Addon

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

The API is the same as Input.Addon.

Released under the MIT License.

Released under the MIT License.