Basic list

Any options

Item 1

0

Item 2

1

Item 3

2

Item 4

3

Item 5

4

Item 6

5

Item 7

6

Item 8

7

Item 1

8

Hover & animate list

Scrollable list & no-shadow & bordered

Just set `max-height` CSS property to the list


How to use it ?

  <template>
  <MazList>
    <MazListItem>
      List item content
    </MazListItem>
    <MazListItem>
      List item content
    </MazListItem>
    <MazListItem>
      List item content
    </MazListItem>
  </MazList>
</template>

<script>
  import { MazList, MazListItem } from 'maz-ui'
  export default {
    components: { MazList, MazListItem }
  }
</script>