Selects


Simple Select

Menus are positioned over their emitting elements such that the currently selected menu item appears on top of the emitting element.

Some important helper text

Without label

Label + placeholder

Disabled

Error

Read only

Auto width

Placeholder

Required

With a Dialog

While it's discouraged by the Material Design specification, you can use a select inside a dialog.

Multiple Select

The Select component can handle multiple selections. It's enabled with the multiple property.

Controlled open Select

Open select with button.