• List
  • dense true/false

    Makes the list with lesser padding.
  • two-line true/false

    Makes container for two line list item.
  • avatar-list true/false

    Makes the list capable of containing an avatar.
• List.Item
  • no specific props
• List.LinkItem
  • no specific props
• List.ItemGraphic
  • no specific props
• List.ItemMeta
  • no specific props
• List.TextContainer
  • no specific props
• List.PrimaryText
  • no specific props
• List.SecondaryText
  • no specific props

import {h, Component} from 'preact';
import List from 'preact-material-components/List';
import 'preact-material-components/List/style.css';

export default class ListPage extends Component {
  render(){
    return (
      <div>
        <List>
          <List.Item>Item1</List.Item>
          <List.Item>Item2</List.Item>
          <List.Item>Item3</List.Item>
          <List.Item>Item4</List.Item>
          <List.Item>Item5</List.Item>
        </List>
      </div>
    );
  }
}