2.37.1 #Components.table-list.as-menu Table List as menu

Toggle example guides Toggle HTML markup

A list can be use as a menu, with the role "menu"/"menuitem". You can navigate with TAB inside the menu.

Browser support: IE9+, Safari6+, Firefox30+, Chrome30+

Markup 
 <ul role="menu" class="sb-table-list sb-table-list--borderless">
   <li role="menuitem" tabIndex="0" class="sb-table-list__item"> Element 1 </li>
   <li role="menuitem" tabIndex="0" class="sb-table-list__item"> Element 2 </li>
   <li role="menuitem" tabIndex="0" class="sb-table-list__item sb-table-list__item--selected"> Element 3 </li>
   <li role="menuitem" tabIndex="0" class="sb-table-list__item"> Element 4 </li>
 </ul>
Source: components/_table-list.scss, line 52