x
1
2
3
4
5
6
7
8
9
10
11
<div class="flex flex-wrap items-center gap-3"> <span class="inline-flex items-center justify-center gap-1 rounded-full font-medium whitespace-nowrap border border-transparent transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 bg-primary text-primary-foreground hover:bg-primary/80 h-6 px-2 text-xs leading-none"><i data-lucide="badge-check" class="inline-block shrink-0 w-3 h-3" aria-hidden="true"></i> Verified </span> <span class="inline-flex items-center justify-center gap-1 rounded-full font-medium whitespace-nowrap border border-transparent transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 bg-emerald-500 dark:bg-emerald-600 text-white hover:bg-emerald-500/80 dark:hover:bg-emerald-600/80 h-6 px-2 text-xs leading-none"><i data-lucide="circle-check" class="inline-block shrink-0 w-3 h-3" aria-hidden="true"></i> 42 </span> <span class="inline-flex items-center justify-center gap-1 rounded-full font-medium whitespace-nowrap border border-transparent transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 bg-amber-500 dark:bg-amber-600 text-white hover:bg-amber-500/80 dark:hover:bg-amber-600/80 h-6 px-2 text-xs leading-none"><i data-lucide="circle-alert" class="inline-block shrink-0 w-3 h-3" aria-hidden="true"></i> Pending </span></div>1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="flex flex-wrap items-center gap-3"> <%= render(UI::Badge.new) do |badge| %> <% badge.with_leading_icon(name: "badge-check") %> Verified <% end %> <%= render(UI::Badge.new(variant: :success)) do |badge| %> <% badge.with_leading_icon(name: "circle-check") %> 42 <% end %> <%= render(UI::Badge.new(variant: :warning)) do |badge| %> <% badge.with_leading_icon(name: "circle-alert") %> Pending <% end %></div>No notes provided.
No params configured.