The disabled state of the component
Control 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 in a form context.
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.Returns the HTMLFormElement associated with this element.
The mask pattern to apply on the input.
The mask pattern to apply on the input.
Makes the control a readonly field.
A string containing the validation message of this element.
Returns a ValidityState object which represents the different validity states the element can be in, with respect to constraint validation.
The value of the input.
Regardless of the currently set value-mode, an empty value will return an empty string.
The value attribute of the control.
A boolean value which returns true if the element is a submittable element that is a candidate for constraint validation.
Invoked when the component is removed from the document's DOM.
This callback is the main signal to the element that it may no longer be
used. disconnectedCallback() should ensure that nothing is holding a
reference to the element (such as event listeners added to nodes external
to the element), so that it is free to be garbage collected.
disconnectedCallback() {
super.disconnectedCallback();
window.removeEventListener('keydown', this._handleKeydown);
}
An element may be re-connected after being disconnected.
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