Select fields components are used for collecting user provided information from a list of options.

You can use dense prop to reduce the field height and lower max height of list items.

Use filled, outlined, solo, underlined and plain options to change appearance of select.

You can specify the specific properties within your items array that correspond to the title and value fields. In this example we also use the return-object prop which will return the entire object of the selected item on selection.

Use a custom before or after slot.

Use use-chips prop to make selected option as chip.

Use transition-show and transition-hide prop to customize menu props.

arrow_drop_down

Use multiple prop to select multiple option.

The selected slot can be used to customize the way selected values are shown in the input.