Select

Select lets users choose one option from an options menu. Consider using select when you have 4 or more options to choose from.

When a Select is placed inside a form element and validation logic is set on the Select component, the Select is validated when the form is submitted (as per a native select element).

Below, the "Title" field Select is marked as required and is validated when the form is submitted.

The Select component can be validated like the native select element.

Below, the Select is required but it has no selected option. The checkedValidity() method is called on the Select to validate it.

The Select component is used in the example below as the dialing code part of an international phone number input field.

The Select component can be used Avatar to implement a user selector.