OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<action-list>
  <div data-view-component="true">
    <ul aria-label="List heading" id="action-list-9fce0f49-6ba3-42d0-877d-b493443bffd3" role="list" data-view-component="true" class="ActionListWrap">
      <li data-targets="action-list.items" data-view-component="true" class="ActionListItem">
        <a id="item-e99ec88b-9933-4fbd-9d5a-f6587b57c6ed" href="/" data-view-component="true" class="ActionListContent">
          <span data-view-component="true" class="ActionListItem-descriptionWrap ActionListItem-descriptionWrap--inline">
            <span data-view-component="true" class="ActionListItem-label">
              Default item
            </span>      <span data-view-component="true" class="ActionListItem-description">This is a description</span>
          </span></a>
      </li>
    </ul>
  </div>
</action-list>

No notes provided.

1
2
3
4
5
6
7
render(Primer::Alpha::ActionList.new(
         aria: { label: "List heading" }
       )) do |component|
  component.with_item(label: "Default item", href: "/", description_scheme: :inline) do |item|
    item.with_description.with_content("This is a description")
  end
end

No params configured.