Combobox

Enable creation of new options when the input value doesn't match any existing option. Dispatches a create event with { value } detail.

Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar.

Sets the input to match native default content block

Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select)

Enables internal string values to update for internationalization.

Controls the directional arrangement and spacing behavior of the element's content.

Set the visual prominence of the control

Set current visual state for control. This overrides any validation states active.

Manage inline tag rendering for many-item select

Fires when the user confirms a value that doesn't match any existing option and the behavior-create attribute exists. detail: { value }.

Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. detail: { scrollTop, scrollHeight, clientHeight }.

default slot for an input and a datalist/select element

slot for dropdown footer content

Label element

slot for icon before the input

Resets control value to initial attribute value and clears any active validation rules.

Select all options provided

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

MDN

The checkbox element

The menu item element for creating new options

The dropdown popup element

The icon element

The menu element

The menu item elements

The tag element for selected items