---
description: Create a button component with different variants and colors
---

## Usage

Default button style

::ComponentPreview
Button
::

### Variants

#### soft

::ComponentPreview
---
props:
  variant: soft
---
Button
::

#### outline

::ComponentPreview
---
props:
  variant: outline
---
Button
::

#### ghost

::ComponentPreview
---
props:
  variant: ghost
---
Button
::

#### link

::ComponentPreview
---
props:
  variant: link
---
Button
::

### Colors

::ComponentPreview
---
props:
  color: violet
---
Button
::

### Disabled

::ComponentPreview
---
props:
  disabled: true
---
Button
::

### Loading

::ComponentPreview
---
props:
  loading: true
---
Button
::