third_party/ot-br-posix/repo/third_party/mdl/repo/src/list/snippets/action.html

   1 <!-- List items with avatar and action -->
   2 <style>
   3 .demo-list-action {
   4   width: 300px;
   5 }
   6 </style>
   7
   8 <div class="demo-list-action mdl-list">
   9   <div class="mdl-list__item">
  10     <span class="mdl-list__item-primary-content">
  11       <i class="material-icons mdl-list__item-avatar">person</i>
  12       <span>Bryan Cranston</span>
  13     </span>
  14     <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons">star</i></a>
  15   </div>
  16   <div class="mdl-list__item">
  17     <span class="mdl-list__item-primary-content">
  18       <i class="material-icons mdl-list__item-avatar">person</i>
  19       <span>Aaron Paul</span>
  20     </span>
  21     <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons">star</i></a>
  22   </div>
  23   <div class="mdl-list__item">
  24     <span class="mdl-list__item-primary-content">
  25       <i class="material-icons mdl-list__item-avatar">person</i>
  26       <span>Bob Odenkirk</span>
  27     </span>
  28     <span class="mdl-list__item-secondary-content">
  29       <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons">star</i></a>
  30   </span>
  31   </div>
  32 </div>