Lists

Списки покрывают обычные перечни, навигацию, definition list и строки с действиями. Для интерактивных пунктов используй `.list-nav`, `.list-action`, `.list-label` и `.list-meta`.

Unordered list

Ordered list

  1. Connect device to Wi-Fi
  2. Register device on server
  3. Assign device to area
  4. Verify status

List with icons

Definition list

Device
Физическое устройство в системе
Area
Логическая зона размещения устройств
Scene
Набор действий, выполняемых одновременно

Navigation / interactive list

List with actions

Navigation List HTML 
<ul class="list list-nav">
  <li class="list-item list-item-active">
    <button class="list-action" type="button">
      <span class="list-label">
        <i class="ph ph-lightbulb"></i>
        Devices
      </span>
      <span class="list-meta">12</span>
    </button>
  </li>
</ul>