OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
<action-list>
  <div data-view-component="true">
    <ul aria-label="List heading" id="action-list-2c199af5-e473-4258-b37c-7dcd11bb8e73" role="list" data-view-component="true" class="ActionListWrap">
      <li data-targets="action-list.items" data-view-component="true" class="ActionListItem">
        <button id="item-b72fa5d2-ae96-4aa2-bf20-4cedee0a3dea" type="button" data-view-component="true" class="ActionListContent">
          <span data-view-component="true" class="ActionListItem-label ActionListItem-label--truncate">
            Really really long label that may wrap, truncate, or appear as a tooltip
          </span>
        </button>
      </li>
    </ul>
  </div>
</action-list>

No notes provided.

1
2
3
4
5
6
render(Primer::Alpha::ActionList.new(aria: { label: "List heading" })) do |component|
  component.with_item(
    label: "Really really long label that may wrap, truncate, or appear as a tooltip",
    truncate_label: truncate_label
  )
end

No params configured.