x
1
2
3
4
5
<div class="flex flex-wrap items-center gap-3"> <a href="#" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background bg-primary text-primary-foreground hover:bg-primary/90 h-8 rounded-sm px-3 text-xs">Small</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 bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2">Default</a> <a href="#" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-sm px-8">Large</a></div>1
2
3
4
5
<div class="flex flex-wrap items-center gap-3"> <%= render(UI::Link.new(href: "#", variant: :default, size: :sm, button_variant: true)) { "Small" } %> <%= render(UI::Link.new(href: "#", variant: :default, size: :default, button_variant: true)) { "Default" } %> <%= render(UI::Link.new(href: "#", variant: :default, size: :lg, button_variant: true)) { "Large" } %></div>No notes provided.
No params configured.