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

# Button

## Image + CodePen

## Usage

```javascript
<template>
  <vui-button>
    </slot>
  </vui-button>
</template>
// There is no need to import it in script
```

#### Some examples:

```javascript
<vui-form-row>
  <vui-button @click="greet">Meow!</vui-button>
  <vui-button @click="submit" ghost>Send form</vui-button>
  <vui-button @click="submit" ghost large>Send rockets!</vui-button>
</vui-form-row>
```

## API

#### Props:

| Name    | Value    | Description                                            |
| ------- | -------- | ------------------------------------------------------ |
| ghost   | Boolean  | The Ghost version has an outline and white background. |
| large   | Boolean  | Makes the button a bit bigger.                         |
| onClick | Function | On click handler                                       |