Button

Displays a button or a component that looks like a button.

Variants

Sizes

With Icons

Icon-Only

States

Combinations

As Link

Use :as="'a'" to render the button as an anchor element.

Link Button Outline Link Learn More

Usage

<twig:Button>Primary</twig:Button>
<twig:Button variant="secondary">Secondary</twig:Button>
<twig:Button variant="destructive" size="lg">Delete</twig:Button>
<twig:Button :iconOnly="true" variant="outline">
    <twig:ux:icon name="lucide:settings" />
</twig:Button>

<twig:Button :as="'a'" href="/path/to/page">
    Link Button
</twig:Button>