material-design-lite/src/list/snippets/action.html

Material Design Components in CSS, JS and HTML

<!-- List Items with action -->
<div class="mdl-cell mdl-cell--6-col">
  <h4> List Actions </h4>
  <div class="mdl-list">
    <div class="mdl-list__item mdl-list__item-two-line ">
      <span class="mdl-list__item-primary-content">
        <i class="material-icons ">person</i>
        <span class=mdl-list__item-title>Bryan Cranston</span>
        <span class="mdl-list__item-sub-title">62 Episodes</span>
      </span>
      <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons ">star</i></a>
    </div>
    <div class="mdl-list__item mdl-list__item-two-line ">
      <span class="mdl-list__item-primary-content">
        <i class="material-icons  mdl-list__item-icon">person</i>
        <span class=mdl-list__item-title>Aaron Paul</span>
        <span class="mdl-list__item-sub-title">62 Episodes</span>
      </span>
      <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons ">star</i></a>
    </div>
    <div class="mdl-list__item mdl-list__item-two-line ">
      <span class="mdl-list__item-primary-content">
        <i class="material-icons  mdl-list__item-icon">person</i>
        <span class=mdl-list__item-title>Bob Odenkirk</span>
        <span class="mdl-list__item-sub-title">43 Episodes</span>
      </span>
      <span class="mdl-list__item-secondary-content">
        <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons ">star</i></a>
    </span>
    </div>
  </div>
</div>