---
name: List
---

import {Playground, PropsTable} from 'docz'
import {css} from '@emotion/core'

import List from '.'

# List

<Playground>
  <List>
    <List.Item>D.Va</List.Item>
    <List.Item>Roadhog</List.Item>
  </List>

  <List.Infinite
    css={css(`margin-top: 20px;`)}
    height={150}
    width={300}
    itemCount={1000}
    itemSize={35}
  >
    {({index, style}) => <List.Item style={style}>Row {index}</List.Item>}
  </List.Infinite>
</Playground>
