README.md

Svelte Material UI - List

Lists are vertical content sections.

Installation

npm install --save-dev @smui/list

Demo

See it in action.

See the demo code.

Whoa There, These Docs are Outdated

The latest SMUI v3 had a lot of changes, and these docs haven't been caught up yet. You should check out the demo page's code to see the latest usage.

Basic Usage

<List>
  {#each fruits as fruit}
    <Item>
      <Text>{fruit}</Text>
    </Item>
  {/each}
</List>

<script>
  import List, { Item, Text } from '@smui/list';

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

Exports

todo...

More Information

See Lists in the Material design spec.

See List in MDC-Web for information about the upstream library's architecture.