//First Example
<List>
  <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
  <ListItem primaryText="Starred" leftIcon={<ActionGrade />} />
  <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
  <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
  <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
</List>
<ListDivider />
<List>
  <ListItem primaryText="All mail" rightIcon={<ActionInfo />} />
  <ListItem primaryText="Trash" rightIcon={<ActionInfo />} />
  <ListItem primaryText="Spam" rightIcon={<ActionInfo />} />
  <ListItem primaryText="Follow up" rightIcon={<ActionInfo />} />
</List>

//Last Example
<List subheader="Today">
  <ListItem
    leftAvatar={<Avatar src="images/ok-128.jpg" />}
    rightIconButton={rightIconMenu}
    primaryText="Brendan Lim"
    secondaryText={
      <p>
        <span style={{color: Colors.darkBlack}}>Brunch this weekend?</span><br/>
        I&apos;ll be in your neighborhood doing errands this weekend. Do you want to grab brunch?
      </p>
    }
    secondaryTextLines={2} />
  <ListDivider inset={true} />
  <ListItem
    leftAvatar={<Avatar src="images/kolage-128.jpg" />}
    rightIconButton={rightIconMenu}
    primaryText="me, Scott, Jennifer"
    secondaryText={
      <p>
        <span style={{color: Colors.darkBlack}}>Summer BBQ</span><br/>
        Wish I could come, but I&apos;m out of town this weekend.
      </p>
    }
    secondaryTextLines={2} />
  <ListDivider inset={true} />
  <ListItem
    leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
    rightIconButton={rightIconMenu}
    primaryText="Grace Ng"
    secondaryText={
      <p>
        <span style={{color: Colors.darkBlack}}>Oui oui</span><br/>
        Do you have any Paris recs? Have you ever been?
      </p>
    }
    secondaryTextLines={2} />
  <ListDivider inset={true} />
  <ListItem
    leftAvatar={<Avatar src="images/kerem-128.jpg" />}
    rightIconButton={rightIconMenu}
    primaryText="Kerem Suer"
    secondaryText={
      <p>
        <span style={{color: Colors.darkBlack}}>Birthday gift</span><br/>
        Do you have any ideas what we can get Heidi for her birthday? How about a pony?
      </p>
    }
    secondaryTextLines={2} />
  <ListDivider inset={true} />
  <ListItem
    leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
    rightIconButton={rightIconMenu}
    primaryText="Raquel Parrado"
    secondaryText={
      <p>
        <span style={{color: Colors.darkBlack}}>Recipe to try</span><br/>
        We should eat this: grated squash. Corn and tomatillo tacos.
      </p>
    }
    secondaryTextLines={2} />
</List>

// Nested List Items
<List subheader="Nested List Items">
  <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
  <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
  <ListItem
    primaryText="Inbox"
    leftIcon={<ContentInbox />}
    initiallyOpen={true}
    nestedItems={[
      <ListItem primaryText="Starred" leftIcon={<ActionGrade />} />,
      <ListItem
        primaryText="Sent Mail"
        leftIcon={<ContentSend />}
        nestedItems={[
          <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />,
        ]}
      />,
    ]}
  />
</List>
