> For the complete documentation index, see [llms.txt](https://docs-uikit.gitbook.io/ui-kit/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-uikit.gitbook.io/ui-kit/components/button.md).

# Button

<mark style="color:green;">`ELEMENT`</mark>`Button`

**Props**

| Name     | Example                                                                                                                  |
| -------- | ------------------------------------------------------------------------------------------------------------------------ |
| Position | `Vector2(0, 0)`                                                                                                          |
| Size     | Vector2(0, 0)                                                                                                            |
| Variant  | <p><code>Button.variants.Solid</code><br><code>Button.variants.Bordered</code><br><code>Button.variants.Solid</code></p> |
| Color    | [See Color(s)](/ui-kit/api-references/common-props.md#color)                                                             |
| Size     | [See size(s)](/ui-kit/api-references/common-props.md#size)                                                               |

**Example**

{% tabs %}
{% tab title="Primary Medium Button" %}

```lua
local button = Button:new(
    Vector2(0, 0),
    nil,
    'Primary Button',
    Button.variants.Solid,
    Element.color.Primary,
    Element.size.Medium)
```

{% endtab %}

{% tab title="Large Danger Button" %}

```lua
local button = Button:new(
    Vector2(0, 0),
    nil,
    'Primary Button',
    Button.variants.Solid,
    Element.color.Danger,
    Element.size.Large)
```

{% endtab %}
{% endtabs %}