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

   1 <div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
   2   <div class="mdl-tabs__tab-bar">
   3       <a href="#starks-panel" class="mdl-tabs__tab is-active">Starks</a>
   4       <a href="#lannisters-panel" class="mdl-tabs__tab">Lannisters</a>
   5       <a href="#targaryens-panel" class="mdl-tabs__tab">Targaryens</a>
   6   </div>
   7
   8   <div class="mdl-tabs__panel is-active" id="starks-panel">
   9     <ul>
  10       <li>Eddard</li>
  11       <li>Catelyn</li>
  12       <li>Robb</li>
  13       <li>Sansa</li>
  14       <li>Brandon</li>
  15       <li>Arya</li>
  16       <li>Rickon</li>
  17     </ul>
  18   </div>
  19   <div class="mdl-tabs__panel" id="lannisters-panel">
  20     <ul>
  21       <li>Tywin</li>
  22       <li>Cersei</li>
  23       <li>Jamie</li>
  24       <li>Tyrion</li>
  25     </ul>
  26   </div>
  27   <div class="mdl-tabs__panel" id="targaryens-panel">
  28     <ul>
  29       <li>Viserys</li>
  30       <li>Daenerys</li>
  31     </ul>
  32   </div>
  33 </div>