# Button

A button element that can act as a link or trigger an action.

## Key Props

- `label`: to set the label of the Button.
- `color`: to change the color of the Button.
- `variant`: to change the variant of the Button.
- `size`: to change the size of the Button.
- `icon`: to show an [Icon](/docs/components/icon) inside the Button.
- `avatar`: to show an [Avatar](/docs/components/avatar) inside the Button.
- `loading`: to show a loading icon and disable the Button.
- `disabled`: to disable the Button.
- `class`: to override the base styles of the Button.
- `ui`: to override the slots styles of the Button.

## Usage

```vue
<UButton
  <!-- props here -->
/>
```
