An optionally masked text input.
Props
Name
Description
Type
Default
disabled
If the field is disabled.
booleanor
undefined
inputProps
Pass props directly to the input.
undefinedor
{ [x: string]: any; }
invalid
If the field is currently in an error state.
booleanor
undefined
label
The label of the field.
string
mask
Apply an input mask
MaskOptionsor
undefined
messages
The validation messages of the field
ValidationMessagesor
undefined
name
The name of the field.
string
placeholder
The placeholder for the input.
string
readonly
If the field is editable.
booleanor
undefined
value
The current value of the field.
string
MaskOptions
Options for applying a mask to an input. Uses imask.js internally.
Name
Description
Type
Make placeholder always visible.
Placeholder to use in the mask.
If the value should be unmasked on fieldchange
ValidationMessages
Name
Description
Type
Events
Event
Detail
Description
enter
any
Emitted on keyup of enter, if no modifier keys are held.
fieldchange
FieldChange<string>
Emitted when the value of the field is changed.
CSS Variables
Name
Description
--field-grid-columns
The field layout.