Vue Material 3

Appearance

List ​

Lists display related rows of content and actions.

  • wifi
    Wi-Fi
    On
  • bluetooth
    Bluetooth
    Off
  • notifications
    Notifications Manage app notifications

Import ​

js
import { MdList, MdListItem, MdListDivider } from 'vue-material-3';

Usage ​

vue
<MdList>
  <MdListItem headline="Wi-Fi" icon="wifi" trailing-text="On" />
  <MdListDivider />
  <MdListItem headline="Notifications" icon="notifications" />
</MdList>

Storybook ​

Use Storybook for list examples.