@smui/select

Svelte Material UI - Select

Select menus provide the user with a choice between multiple items.

See MDC Select for more information on API and Sass mixins.

See the Sass variable file for styling variables.

Installation

npm install --save-dev @smui/select

Basic Usage

<script>
  import Select, {Option} from '@smui/select';

  let fruits = ['Apple', 'Orange', 'Banana', 'Mango'];
  let fruitChoice = '';
</script>

<Select bind:value={fruitChoice} label="Fruit">
  <Option value=""></Option>
  {#each fruits as fruit}
    <Option value={fruit} selected={fruitChoice === fruit}>{fruit}</Option>
  {/each}
</Select>

Demo

in action: https://sveltematerialui.com/demo/select

demo code: https://github.com/hperrin/svelte-material-ui/blob/master/site/src/routes/demo/select.svelte

Exports

todo...

Changelog

1.0.0-beta.20 (2020-01-31)

Bug Fixes

• Cannot read property 'destroy' of undefined in menuSurface (2bd8d37)
• fix button group styling in Safari/iOS (eb52cc6)
• fix Svelte warning about unused class export (baac41b)

Features

• add component option to Button to allow other elements/components (95d4d49)
• reduce Ripple arguments and add class forwarding option (550ac93)