Lists

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

Unordered list

Ordered list

  1. Create workspace
  2. Invite team
  3. Configure permissions
  4. Verify status

List with icons

Definition list

Item
Базовая сущность интерфейса
Group
Логическая группа элементов
Flow
Набор действий, выполняемых последовательно

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>
        Projects
      </span>
      <span class="list-meta">12</span>
    </button>
  </li>
</ul>