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

# app

Used to manage the interface of the application.

## The basics

Basicly create one of button.

```
app new comp -> $windowName as Button:
"inner": "mytext",
"Width": "50",
"Height": "50".
;
```

<details>

<summary>Rule</summary>

```
[new]
[comp]
[->]
[$]
[as]
[?()]
[:]
[":"]
```

</details>

## Example

```
set $windowName (window):
"Title": "Calc",
"Width": "270",
"Height": "330"
;

app new comp -> $windowName as Button:
"inner": "mytext",
"Width": "50",
"Height": "50".
;

show $windowName;
//Coded with BH Beta 0.5.2
```

<div align="center"><figure><img src="https://542074667-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FezZNV4uHyq0cjDgDRxMD%2Fuploads%2FkLjYyMCsQ6tkRrBm7NDp%2Fhowsee.png?alt=media&amp;token=5fc11c6a-c78e-4e32-8427-2a5279c302a4" alt=""><figcaption></figcaption></figure></div>

{% code title="Output:" %}

```
```

{% endcode %}
