List Group

Selectable list for navigation or selection.

Markup

<ul class="af-list-group">
  <li class="af-list-group-item">
    Item 1
  </li>
  <li class="af-list-group-item af-is-active">
    Active Item
  </li>
  <li class="af-list-group-item">
    Item 3
  </li>
  <li class="af-list-group-item af-is-disabled">
    Disabled Item
  </li>
  <li class="af-list-group-item">
    Item 5
  </li>
</ul>

States

• af-is-active - Active/selected item
• af-is-disabled - Disabled item

Live example

• Item 1
• Active Item
• Item 3
• Disabled Item
• Item 5