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
Sets the control into invalid state (visual state only).
The label for the control.
The name attribute of the control.
Whether the control will have outlined appearance.
The placeholder attribute of the control.
Makes the control a readonly field.
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.
The initial value of the component.
Returns the HTMLFormElement associated with this element.
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.
A boolean value which returns true if the element is a submittable element that is a candidate for constraint validation.
Removes focus from the control.
Checks for validity of the control and emits the invalid event if it invalid.
Sets focus on the control.
Checks for validity of the control and shows the browser message if it invalid.
Selects all text within the input.
Sets a custom validation message for the control.
As long as message
is not empty, the control is considered invalid.
Sets the text selection range of the control
Decrements the numeric value of the input by one or more steps.
Increments the numeric value of the input by one or more steps.
Element
igc-input
Slot
prefix - Renders content before the input.
Slot
suffix - Renders content after input.
Slot
helper-text - Renders content below the input.
Slot
value-missing - Renders content when the required validation fails.
Slot
type-mismatch - Renders content when the a type url/email input pattern validation fails.
Slot
pattern-mismatch - Renders content when the pattern validation fails.
Slot
too-long - Renders content when the maxlength validation fails.
Slot
too-short - Renders content when the minlength validation fails.
Slot
range-overflow - Renders content when the max validation fails.
Slot
range-underflow - Renders content when the min validation fails.
Slot
step-mismatch - Renders content when the step validation fails.
Slot
custom-error - Renders content when setCustomValidity(message) is set.
Slot
invalid - Renders content when the component is in invalid state (validity.valid = false).
Fires
igcInput - Emitted when the control input receives user input.
Fires
igcChange - Emitted when the control's checked state changes.
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.