OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<action-list>
  <div data-view-component="true">
    <div data-view-component="true" class="ActionList-sectionDivider">
      <h3 id="heading-title-68e761c2-96df-42a8-a77a-4d43bedf4b41" data-view-component="true" class="ActionList-sectionDivider-title">
        Action List
      </h3>
    </div>
    <ul id="action-list-2ec281fe-06f7-4e5e-b366-6e219ef80b42" role="listbox" aria-labelledby="heading-title-68e761c2-96df-42a8-a77a-4d43bedf4b41" data-view-component="true" class="ActionListWrap">
      <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
        <a id="item-708ddc27-9cc0-4d1e-a87c-675ff7a56a4f" href="/" role="option" data-view-component="true" class="ActionListContent">
          <span data-view-component="true" class="ActionListItem-label">
            Item one
          </span>
        </a>
      </li>
      <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
        <a id="item-791b484a-1162-4d5a-8703-8c1466c51625" href="/" role="option" data-view-component="true" class="ActionListContent">
          <span data-view-component="true" class="ActionListItem-label">
            Item two
          </span>
        </a>
      </li>
      <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
        <a id="item-6d9ecbd4-9de6-4dcb-865e-489722dc3078" href="/" role="option" data-view-component="true" class="ActionListContent">
          <span data-view-component="true" class="ActionListItem-label">
            Item three
          </span>
        </a>
      </li>
    </ul>
  </div>
</action-list>

No notes provided.

1
2
3
4
5
6
7
8
9
10
render(Primer::Alpha::ActionList.new(
         role: role,
         scheme: scheme,
         show_dividers: show_dividers
       )) do |component|
  component.with_heading(title: "Action List")
  component.with_item(label: "Item one", href: "/", active: true)
  component.with_item(label: "Item two", href: "/") 
  component.with_item(label: "Item three", href: "/")
end

No params configured.