<action-list>
  <div data-view-component="true">
    <ul aria-label="List heading" id="action-list-ede3fca7-4f16-48c0-82e5-75a42b79296f" role="list" data-view-component="true" class="ActionListWrap">
      <li data-targets="action-list.items" data-view-component="true" class="ActionListItem">
        <button id="item-fd8ac48c-e88b-46f7-93c4-18846489d553" type="button" data-view-component="true" class="ActionListContent">
          <span data-view-component="true" class="ActionListItem-label">
            Really really long label that may wrap, truncate, or appear as a tooltip
          </span>
        </button>
      </li>
    </ul>
  </div>
</action-list>