The autocomplete attribute of the control.
The autofocus attribute of the control.
The disabled state of the component
The input mode attribute of the control. See relevant MDN article
Control the validity of the control.
The label for the control.
The max attribute of the control.
The maximum string length of the control.
The min attribute of the control.
The minimum string length required by the control.
The name attribute of the control.
Whether the control will have outlined appearance.
The pattern attribute of the control.
The placeholder attribute of the control.
Makes the control a readonly field.
Makes the control a required field in a form context.
Determines the size of the component.
The step attribute of the control.
Internal
tabThe type attribute of the control.
Enables validation rules to be evaluated without restricting user input. This applies to the maxLength
property for
string-type inputs or allows spin buttons to exceed the predefined min/max
limits for number-type inputs.
Returns the HTMLFormElement associated with this element.
The input mode attribute of the control.
The maxlength attribute of the control.
The minlength attribute of the control.
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 attribute of the control.
The value 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.
Element
igc-input
Slot
prefix - Renders content before the input.
Slot
suffix - Renders content after input.
Slot
helper-text - Renders content below the input.
Fires
igcInput - Emitted when the control input receives user input.
Fires
igcChange - Emitted when the control's checked state changes.
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.