Anchor ViewComponents

Pages

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="contents" data-controller="popover">
  <button type="button" class="btn-with-ending-icon btn" data-testid="actions-button" data-popover-target="button" popovertarget="action-menu-component-a3ed2f29-8863-4323-af7e-9d3ad59081b3">
    Actions
    <!-- Source: Iconoir, added via `bin/add_icon` -->
    <svg width="20" height="20" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true" data-testid="button-ending-icon">
      <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
    </svg>
  </button>
  <div popover="auto" class="absolute -left-full -top-full m-0 bg-white rounded-sm border border-subdued popover-open:block px-0 py-1 border border-subdued shadow-sm" data-action="toggle->popover#positionPopover" data-popover-target="popover" data-testid="action-menu" id="action-menu-component-a3ed2f29-8863-4323-af7e-9d3ad59081b3">
    <ul>
      <li class="whitespace-nowrap hover:bg-gray-100 [&_a]:px-3 [&_a]:py-1 [&_a]:w-full [&_a]:block [&_a]:text-left [&_button]:px-3 [&_button]:py-1 [&_button]:w-full [&_button]:block [&_button]:text-left" data-testid="action-menu-item" data-action="click->popover#hide">
        <form class="button_to" method="post" action="https://http.codes/200"><button type="submit">Form button</button></form>
      </li>
      <li class="whitespace-nowrap hover:bg-gray-100 [&_a]:px-3 [&_a]:py-1 [&_a]:w-full [&_a]:block [&_a]:text-left [&_button]:px-3 [&_button]:py-1 [&_button]:w-full [&_button]:block [&_button]:text-left" data-testid="action-menu-item" data-action="click->popover#hide"><a href="#">Edit</a></li>
      <li class="whitespace-nowrap hover:bg-gray-100 [&_a]:px-3 [&_a]:py-1 [&_a]:w-full [&_a]:block [&_a]:text-left [&_button]:px-3 [&_button]:py-1 [&_button]:w-full [&_button]:block [&_button]:text-left" data-testid="action-menu-item" data-action="click->popover#hide"><a href="#">Delete</a></li>
    </ul>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
anchor_action_menu do |c|
  c.with_show_button do |button|
    button.with_ending_icon(icon: "nav-arrow-down")
    "Actions"
  end
  c.with_item do
    button_to(
      "Form button",
      "https://http.codes/200"
    )
  end
  c.with_item do
    link_to("Edit", "#")
  end
  c.with_item do
    link_to("Delete", "#")
  end
end

No notes provided.

No params configured.