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

# Button Object

You can optionally control the look and feel of the "submit" button and "clear" buttons in a form.

## JSON Configuration

`"button": {}` [See usage here](/leopard/components/forms-1/forms.md#component-configuration)

| Property        | Required/Optional | Default Value        | Type   | Notes                                                                                                                                                                                                                                                                              |
| --------------- | ----------------- | -------------------- | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| text            | optional          | Submit               | String | The text shown in the button that sends the form data back to Teneo                                                                                                                                                                                                                |
| icon            | optional          | `icon not displayed` | String | Name of an icon from [Material Design Icons](https://materialdesignicons.com/)                                                                                                                                                                                                     |
| color           | optional          | primary              | String | Applies specified color to the button - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](https://vuetifyjs.com/styles/colors#material-colors). |
| clearButtonText | optional          | Clear                | String | The text to show on the clear (really reset) form field button                                                                                                                                                                                                                     |

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-LsO68Rd9VJqWJiWar33%2F-LsO93rVby35HaFCoc3I%2Fbutton.jpg?alt=media&amp;token=ebf7e1cd-5cea-4e8c-a4ac-02101fcec333" alt=""></div>

```javascript
{
  "text"            : "Send",
  "icon"            : "send-circle",
  "color"           : "secondary",
  "clearButtonText" : "Clear"
}
```