The autofocus attribute of the control.
The disabled state of the component.
The distance of the select dropdown from its input.
Sets the control into invalid state (visual state only).
Whether the component dropdown should be kept open on clicking outside of it.
Whether the component dropdown should be kept open on selection.
The label attribute of the control.
The name attribute of the control.
Sets the open state of the component.
The outlined attribute of the control.
The placeholder attribute of the control.
The preferred placement of the select dropdown around its input.
Determines the behavior of the component during scrolling of the parent container.
Static ReadonlytagReturns the HTML-uppercased qualified name.
The initial value of the component.
Returns the HTMLFormElement associated with this element.
Returns the groups of the igc-select component.
Returns the items of the igc-select component.
Returns the selected item from the dropdown or null.
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.
A boolean value which returns true if the element is a submittable element that is a candidate for constraint validation.
Removes focus from the component.
Checks for validity of the control and emits the invalid event if it invalid.
Resets the current value and selection of the component.
Sets focus on the component.
Hides the component.
Navigates to the item with the specified value. If it exists, returns the found item, otherwise - null.
Navigates to the item at the specified index. If it exists, returns the found item, otherwise - null.
Checks the validity of the control and moves the focus to it if it is not valid.
Selects the item with the specified value. If it exists, returns the found item, otherwise - null.
Selects the item at the specified index. If it exists, returns the found item, otherwise - null.
Sets a custom validation message for the control.
As long as message is not empty, the control is considered invalid.
Shows the component.
Toggles the open state of the component.
Represents a control that provides a menu of options.
Element
igc-select
Slot
Slot
prefix - Renders content before the input.
Slot
suffix - Renders content after input.
Slot
header - Renders a container before the list of options.
Slot
footer - Renders a container after the list of options.
Slot
helper-text - Renders content below the input.
Slot
toggle-icon - Renders content inside the suffix container.
Slot
toggle-icon-expanded - Renders content for the toggle icon when the component is in open state.
Slot
value-missing - Renders content when the required 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
igcChange - Emitted when the control's checked state changes.
Fires
igcOpening - Emitted just before the list of options is opened.
Fires
igcOpened - Emitted after the list of options is opened.
Fires
igcClosing - Emitter just before the list of options is closed.
Fires
igcClosed - Emitted after the list of options is closed.
Csspart
list - The list wrapping container for the items of the igc-select.
Csspart
input - The encapsulated igc-input of the igc-select.
Csspart
label - The encapsulated text label of the igc-select.
Csspart
prefix - The prefix wrapper of the input of the igc-select.
Csspart
suffix - The suffix wrapper of the input of the igc-select.
Csspart
toggle-icon - The toggle icon wrapper of the igc-select.
Csspart
helper-text - The helper text wrapper of the igc-select.