Anchor ViewComponents

Pages

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
<div popover="manual" class="toast bg-gray-900 text-white" data-controller="toast" data-toast-assistive-tech-notification-value="Confirmed" data-testid="toast" id="toast-component-d91bedff-780d-459c-8c49-362ca165b041">
<!-- Source: Iconoir, added via `bin/add_icon` -->
<svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0 opacity-70" aria-hidden="true">
  <path d="M7 12.5L10 15.5L17 8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="text-base leading-5 font-semibold">Confirmed</span>
<button aria-label="Close" class="ml-10!" type="button" popovertarget="toast-component-d91bedff-780d-459c-8c49-362ca165b041" popovertargetaction="hide">
  <!-- Source: Iconoir, added via `bin/add_icon` -->
  <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
    <path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  </svg>
</button></div>
1
2
3
4
anchor_toast do |toast|
  toast.with_icon(icon: "check-circle")
  "Confirmed"
end

No notes provided.

No params configured.