> For the complete documentation index, see [llms.txt](https://docs.zerve.ai/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.zerve.ai/guide/canvas-view/blocks-and-connections/block-types/ui-blocks-input-and-output.md).

# UI Blocks (Input and Output)

These blocks help the user to create an application in the canvas

You can crate an app using the Input and Output blocks.

You can pass input in multiple formats:

* Text Input
* Number Input
* Dropdown
* Multi-select
* Slider
* File Upload

The input from this block can be used downstream in your code to transform the data and the output variable that has to be shown in the app can be selected in the output block.

## Example Use-case

In the following recording we are passing the variable Department using the Input block.  Then we filter our employee data using these variables then, we create summary stats which we give to GenAI block to create a summary.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIQKNeqjEeOp9UwUcB9R9%2Fuploads%2FgTotA2FJW93Lh2t1lDOn%2FInput%20Output.mp4?alt=media&token=d139a183-cbcc-4f1a-a14a-0294d3ae8fb2>" %}