OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<action-list>
  <div data-view-component="true">
    <ul aria-label="List heading" id="action-list-7021c571-2f96-405f-8913-13bff51cf3e4" role="list" data-view-component="true" class="ActionListWrap">
      <li data-targets="action-list.items" data-view-component="true" class="ActionListItem ActionListItem--withActions">
        <a id="item-5839eb1a-2f90-4d44-b4ae-03aa3cbe1085" href="/" data-view-component="true" class="ActionListContent">
          <span data-view-component="true" class="ActionListItem-label">
            Default item
          </span>
        </a>
        <button id="icon-button-3692092a-2766-45c6-9dee-033aade21d63" aria-labelledby="tooltip-324ab569-084d-4dfb-980e-d97110f59ed7" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium ActionListItem-trailingAction">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-plus Button-visual">
            <path d="M7.75 2a.75.75 0 0 1 .75.75V7h4.25a.75.75 0 0 1 0 1.5H8.5v4.25a.75.75 0 0 1-1.5 0V8.5H2.75a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z"></path>
          </svg>
        </button><tool-tip id="tooltip-324ab569-084d-4dfb-980e-d97110f59ed7" for="icon-button-3692092a-2766-45c6-9dee-033aade21d63" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Button tooltip</tool-tip>
      </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: "/") do |item|
    item.with_trailing_action(icon: "plus", "aria-label": "Button tooltip", size: :medium)
  end
end

No params configured.