Using Keys

If your options aren't strings, you must provide a key function that converts them to unique strings, or the label may misbehave.

Selected: None, Price: -¢

Selected: true

Selected: null

Using Forms

If you put a Select in a <form>, you have to add the hiddenInput and input$name props to have it sent with the rest of the inputs.

Received: Not submitted yet.

Dynamic Invalid State

Selected: 

Standard

Selected: 

Selected: 

Selected: 

Selected: 

Filled

Selected: 

Selected: 

Selected: 

Selected: 

Outlined

Selected: 

Selected: 

Selected: 

Selected: 

Shaped Filled

Styled with CSS

Selected: 

Selected: 

Selected: 

Selected: 

Shaped Outlined

Styled with CSS

Selected: 

Selected: 

Selected: 

Selected: 

Required

Selected: 

Selected: 

Selected: 

Disabled

Selected: 

Selected: 

Selected: 

Conditional icon

Selected: 

Selected: 

Selected: