---
url: https://gudhub.com/uk/docs/gh-elements/button/
title: "Button\n                #"
description: "Button is quite useful gh element that can be used for connection between other elements. In fact, this Button does nothing by itself. It is designed to work in"
lang: uk
updated: 2026-09-11T22:02:05.381Z
---

# Button [#](https://gudhub.com/uk/docs/gh-elements/button/#button)

**Button** is quite useful gh-element that can be used for connection between other elements.

## Functional Characteristics [#](https://gudhub.com/uk/docs/gh-elements/button/#functional-characteristics)

In fact, this _Button_ does nothing by itself. It is designed to work in conjunction with automation nodes. Thus, the functionality of the button is determined by the setting of its automation.

## Element Options [#](https://gudhub.com/uk/docs/gh-elements/button/#element-options)

Button settings consists of only one group of options.

### Field Settings [#](https://gudhub.com/uk/docs/gh-elements/button/#field-settings)

Besides standard Field Name and Name Space, the element has special functions to configure the button look.

![Settings of button field](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/button-field-settings.jpg "Button field settings")

| Name | Description |
| :-- | :-- |
| Color | allows to select the color of button; [details...](#color) |
| Icon | allows to select the icon image; [details...](#icon) |

#### Color [#](https://gudhub.com/uk/docs/gh-elements/button/#color)

After clicking on this circle you can open Color Picker and select the color of the button.

#### Icon [#](https://gudhub.com/uk/docs/gh-elements/button/#icon)

This special function allows to select and add the icon near the button name.

> Once an icon is selected, it cannot be deleted, but only changed to another one.

## Element Style [#](https://gudhub.com/uk/docs/gh-elements/button/#element-style)

This element has no style options other than the standard ones. About all of them you can read in [Setting Overview](https://gudhub.com/uk/docs/understanding-gudhub/gh-elements-structure/setting-overview/). In addition, you can find information about [interpretation](#interpretation).

![Style of button element](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/button-element-style.jpg "Button element style")

## Filtration [#](https://gudhub.com/uk/docs/gh-elements/button/#filtration)

There are no filters which can filter out this element.

## Interpretation [#](https://gudhub.com/uk/docs/gh-elements/button/#interpretation)

The button has only one interpretation type:

![Types of button interpretation](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/button-interpretation-types.jpg "Button interpretation types")

## Value Format [#](https://gudhub.com/uk/docs/gh-elements/button/#value-format)

The button does not have value.

## Data Model [#](https://gudhub.com/uk/docs/gh-elements/button/#data-model)

The button data model contains values of the element options:

Копіювати

```json
{
    "data_model": {
        "color": "#0893d2",
        "icon": "box",
        "interpretation": []
    }
}
```

| Name | Type | Description |
| :-- | :-- | :-- |
| color | `string` | _contains the hex code of the icon color_ |
| icon | `string` | _contains the ID of the icon image_ |
| interpretation | `array` | _contains all button interpretation types_ |