x
1
2
3
4
5
6
7
8
9
10
11
12
<div class="flex gap-2 p-4 rounded-sm bg-warning-subdued" data-testid="banner-component"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke-width="1.5" viewbox="0 0 24 24" class="shrink-0 text-warning mt-0.5" aria-hidden="true"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 7v6m0 4.01.01-.011M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"></path> </svg> <div class="flex flex-col items-start gap-2"> <p class="text-lg leading-6 font-semibold">Donor doesn’t have a payment card on file</p> <p class="text-base leading-5">Manual payment is required until a card is added</p> <button type="button" class="btn mt-2" data-testid="add-pay-card-button"> Add pay card </button> </div></div>1
2
3
4
5
6
7
<%= anchor_banner(variant: :warning) do |banner| %> <% banner.with_title_content("Donor doesn’t have a payment card on file") %> <% banner.with_body do %> <%= anchor_text("Manual payment is required until a card is added") %> <% end %> <% banner.with_button("Add pay card") %><% end %>No notes provided.
No params configured.