The direction attribute of the control.
Makes the control a disabled field.
Controls the validity of the control.
The label for the control.
The name attribute of the control.
Whether the control will have outlined appearance.
The placeholder attribute of the control.
The prompt symbol to use for unfilled parts of the mask.
Makes the control a readonly field.
Makes the control a required field.
Determines the size of the component.
Dictates the behavior when retrieving the value of the control:
raw
will return the clean user input.withFormatting
will return the value with all literals and prompts.value-mode
Static
stylesStatic
Readonly
tagThe mask pattern to apply on the input.
The mask pattern to apply on the input.
The value of the input.
Regardless of the currently set value-mode
, an empty value will return an empty string.
Replaces the selected text in the control and re-applies the mask
A masked input is an input field where a developer can control user input and format the visible value, based on configurable rules
Element
igc-mask-input
Slot
prefix - Renders content before the input
Slot
suffix - Renders content after the input
Slot
helper-text - Renders content below the input
Fires
igcInput - Emitted when the control receives user input
Fires
igcChange - Emitted when an alteration of the control's value is committed by the user
Fires
igcFocus - Emitted when the control gains focus
Fires
igcBlur - Emitted when the control loses focus
Csspart
container - The main wrapper that holds all main input elements
Csspart
input - The native input element
Csspart
label - The native label element
Csspart
prefix - The prefix wrapper
Csspart
suffix - The suffix wrapper
Csspart
helper-text - The helper text wrapper