> For the complete documentation index, see [llms.txt](https://docs.aitheon.com/creators-studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.aitheon.com/creators-studio/aitheon-components.md).

# Aitheon Components

There are useful components developed for Aitheon Core integration.

Go to the palette and expand the **Aitheon** category.

## graph output

Aitheon made this component to allow you to make application node output ports on the graph table. 

![](https://3983587133-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvAp4NFmv7Cj5kJvKjw%2F-MMFyw7AdbT6-lBq1iKQ%2F-MMG1msFMFLZm-S1Nwxc%2Fgr%20output.png?alt=media\&token=e61e33cc-d565-4ff5-86a5-8ea18a02726e)

Open the **aitheon** category on the palette and drug **graph output** component **(1)** to the flow tab **(2).**

In this particular example, a simple application sends a command to an item after a user hits a tablet.

The **button** component adds a button to the app. The **function** component describes a command for an item when the button is being pressed. Finally, the graph output component defines how to send this command to the item.

#### Properties

When double-clicking on the graph output component at the flow tab, the properties window appears: 

![](https://3983587133-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvAp4NFmv7Cj5kJvKjw%2F-MMFyw7AdbT6-lBq1iKQ%2F-MMG2b0UnBeCjPgFJ1Bg%2Fgr%20output%20prop.png?alt=media\&token=317d9635-1c13-499e-b07d-581b4ecf9303)

Here you can give the component a **Name** **(1)**. Select a proper **Socket Group** (2) and a **Socket** **(3)** that corresponds to an item\`s node input (or another node that you are going to wire with). 

Connect the flow components, click **Deploy,** and after making a release, you can add the application node to the graph table and build a process:   

![](https://3983587133-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvAp4NFmv7Cj5kJvKjw%2F-MK_cwr5tfxf3PEOKAvr%2F-MK_dq_FodILBI_IT2gu%2Fgraph.png?alt=media\&token=c2dc3b1a-3d43-418f-9d46-a807959eb34e)

## graph input

The component allows making an input point on the application node.  

![](https://3983587133-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvAp4NFmv7Cj5kJvKjw%2F-MMFyw7AdbT6-lBq1iKQ%2F-MMG4CQwpiDhp9CJ1bYp%2Fgr%20intput.png?alt=media\&token=f4722071-d08d-4b70-9404-6b7fd01efc97)

Drag the **graph input** component **(1)** onto the flow tab table **(2)** to make an input point for the application node. 

Set parameters as in [**graph output**](/creators-studio/aitheon-components.md#graph-output)**,** and after release, you will see an input port on the application node.  

![](https://3983587133-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvAp4NFmv7Cj5kJvKjw%2F-MMFyw7AdbT6-lBq1iKQ%2F-MMG5JLhDIxXPZQ82hIC%2Fgr%20intput%201.png?alt=media\&token=1414e5c1-38de-4aa1-8639-5217654a8de2)

## graph setting param