The distance from the target element.
Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area. When true, once enough space is detected on its preferred side, it will flip back.
Whether the component dropdown should be kept open on clicking outside of it.
keep-open-on-outside-click
Whether the component dropdown should be kept open on selection.
keep-open-on-select
Sets the open state of the component.
The preferred placement of the component around the target element.
Sets the component's positioning strategy.
position-strategy
Whether the dropdown's width should be the same as the target's one.
same-width
Determines the behavior of the component during scrolling of the parent container.
scroll-strategy
Determines the size of the component.
since v4.5.0. Use the --ig-size CSS custom property instead.
Static stylesStatic Readonly tagReturns the group items of the dropdown.
Returns the items of the dropdown.
Returns the selected item from the dropdown or null.
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.
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.
Static register
Represents a DropDown component.
Element
igc-dropdown
Fires
igcChange - Emitted when the selected item changes.
Fires
igcOpening - Emitted just before the dropdown is open.
Fires
igcOpened - Emitted after the dropdown is open.
Fires
igcClosing - Emitter just before the dropdown is closed.
Fires
igcClosed - Emitted after closing the dropdown.
Slot
target - Renders the dropdown's target element.
Slot
Csspart
base - The dropdown list wrapper.
Csspart
list - The dropdown list.