x
1
2
3
<button class="py-2 px-4 inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover-elevate active-elevate-2 border [border-color:var(--button-outline)] shadow-xs min-h-9 disabled:pointer-events-none disabled:opacity-50 active:shadow-none">
Outline
</button>
1
render(Ui::ButtonComponent.new(variant: :outline)) { "Outline" }