Angular Material

Select with custom trigger text

Toppings

Disabled select

Disable select

mat-select

Choose an option

native html select

Choose an option

Select with a custom ErrorStateMatcher

mat-select

Choose one

Errors appear instantly!

native html select

Choose one

Select in a form

Testing with MatSelectHarness

This example contains tests. Open in Stackblitz to run the tests.

Select with form field features

mat select

Favorite animal

native html select

Select your car (required)

You can pick up your favorite car here

Basic select with initial value and no form

Basic mat-select with initial value

Favorite Food

You selected: tacos-2

Basic native select with initial value

Favorite Car

You selected: ford

Select with multiple selection

Toppings

Select with no option ripple

Select an option

Select with option groups

mat-select

Pokemon

native html select

Cars

Basic select

Basic mat-select

Favorite food

Basic native select

Cars

Select with custom panel styling

Panel color

Select in a reactive form

Select with reset option

mat-select

State

native html select

Select your car

Select with 2-way value binding

Select an option

You selected: option2

选择框 Select

mat-select

native html select

mat-select

native html select

mat-select

native html select

mat select

native html select

Basic mat-select with initial value

Basic native select with initial value

mat-select

native html select

Basic mat-select

Basic native select

mat-select

Native select

mat-select

native html select