Svelte Material UI

Select

Installation
npm i -D @smui/select
Demos
Selected: Orange
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: