x
1
2
3
4
5
6
7
8
9
<div class="flex flex-wrap items-center gap-4"> <a href="#" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-medium transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background text-primary underline-offset-4 hover:underline"><i data-lucide="info" class="inline-block shrink-0 w-4 h-4" aria-hidden="true"></i> Learn more </a> <a href="#" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-medium transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background text-primary underline-offset-4 hover:underline"> Continue <i data-lucide="arrow-right" class="inline-block shrink-0 w-4 h-4" aria-hidden="true"></i> </a></div>1
2
3
4
5
6
7
8
9
10
11
<div class="flex flex-wrap items-center gap-4"> <%= render(UI::Link.new(href: "#", variant: :link)) do |link| %> <% link.with_leading_icon(name: :info) %> Learn more <% end %> <%= render(UI::Link.new(href: "#", variant: :default)) do |link| %> <% link.with_trailing_icon(name: "arrow-right") %> Continue <% end %></div>No notes provided.
No params configured.