Skip to content

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

& {...}
NameTypeDescription
maskstring | boolean | Mask for entering text
hideMaskboolean 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.
keepCharPositionsboolean
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
titlestring A field that explains the mask for blind users
includeInputPropsstring[]
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.