<section class="section section-tokens" aria-labelledby="dropdowns-heading">
  <h2 id="dropdowns-heading">Dropdowns</h2>

  <div class="dropdown">
    <button class="btn btn-secondary" data-dropdown-trigger type="button">Open dropdown</button>
    <div class="dropdown-menu">
      <button class="dropdown-item" type="button">
        <span class="dropdown-item-icon"><i class="ph ph-pencil"></i></span>
        Edit
      </button>
      <button class="dropdown-item" type="button">
        <span class="dropdown-item-icon"><i class="ph ph-copy"></i></span>
        Duplicate
      </button>
      <div class="dropdown-divider"></div>
      <button class="dropdown-item is-disabled" type="button" disabled>
        <span class="dropdown-item-icon"><i class="ph ph-trash"></i></span>
        Delete
      </button>
    </div>
  </div>
</section>