Svelte Material UI

Select

npm i -D @smui/select
  • Apple
  • Orange
  • Banana
  • Mango
Selected: Orange
Standard
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
Filled
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
Outlined
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
Shaped Filled

Styled with CSS

  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
Shaped Outlined

Styled with CSS

  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
Required
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
Disabled
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
Conditional icon
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
  • Apple
  • Orange
  • Banana
  • Mango
Selected: 
Using Objects
  • Apple
  • Orange
  • Banana
  • Mango
Selected: None, Price: 0¢
  • Apple
  • Orange
  • Banana
  • Mango
Selected: None, Price: 0¢
  • Apple
  • Orange
  • Banana
  • Mango
Selected: None, Price: 0¢