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

## Usage

Default button style

::ComponentPreview
Button
::

### Styles

Use the `variant` and `color` props to predefined styles and change the color of buttons.

::ComponentPreview
---
props:
  variant: soft
  color: violet
---
Button
::

### Sizes

::ComponentPreview
---
props:
  size: sm
---
Button
::

### Block

::ComponentPreview
---
props:
  block: true
---
Button
::

### Disabled

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

### Loading

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