# ListContainer

## Props

- ***direction***: string: row, column

# ListItem

## Props

- ***direction***: string: row, column
- ***maxWidth***: string: ListItem max-width css property
- ***fontIcon***: string: Font icon name i.e. 'fa-user' would be 'user'
- ***fontIconMagnify***: number: 0-5
- ***fontIconClass***: string: Assigns a custom class to the FontIcon
- ***image***: string: Image source url

## JSX Usage

```
<ListContainer direction="column">
    <ListItem direction="row" image="http://www.w3schools.com/html/html5.gif">
        <p> I am a ListItem with an image, I look really good.</p>
    </ListItem>
    <ListItem direction="row" fontIcon="btc">
        <p> I am a ListItem with a FontIcon, I look really good.</p>
    </ListItem>                         
    <ListItem direction="row" fontIconClass="custom-class" fontIcon="power-off">
        <p> I am a ListItem with a FontIcon with a custom fontIconClass, I look really good.</p>
    </ListItem>                         
    <ListItem direction="row" fontIconClass="custom-class" fontIcon="users" image="http://www.w3schools.com/html/html5.gif">
        <p> I am a ListItem with a FontIcon, a custom fontIconClass, and an image.</p>
    </ListItem>
</ListContainer>

```