Props

The variant to use.

The icon that displays the arrow.

Props applied to the Menu element.

Props applied to the clickable div element.

If true, the width of the popover will automatically be set according to the items inside the menu, otherwise it will be at least the width of the select input.

The option elements to populate the select with. Can be some <MenuItem> elements.

The CSS class name of the select element.

Override or extend the styles applied to the component. See CSS API below for more details.

The default element value. Use when the component is not controlled.

If true, the select will be disabled.

If true, the selected item is displayed even if its value is empty.

Imperative handle implementing { value: T, node: HTMLElement, focus(): void } Equivalent to ref

The ID of an element that acts as an additional label. The Select will be labelled by the additional label and the selected value.

If true, value must be an array and the menu will support multiple selections.

Name attribute of the select or hidden input element.

Callback function fired when a menu item is selected.

Callback fired when the component requests to be closed. Use in controlled mode (see open).

Callback fired when the component requests to be opened. Use in controlled mode (see open).

Control select open state.

Render the selected value.

The input value.