# Toolbox - fields

### Drag & drop from the toolbox

Out of the **toolbox libary** on the **left sidebar** you can select the desired UI components. Add them to the canvas by drag & drop.

<div align="left"><figure><img src="https://870194474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_kE41Rl4pOtwKfvvQq%2Fuploads%2FrV658p9aQxeRjXiCrUpP%2FImage%20toolbox%20form%20page.png?alt=media&#x26;token=0bab894d-bec6-4fb8-b23d-b4fd0127f448" alt=""><figcaption></figcaption></figure></div>

### **Properties and styling**

When you select a field on the canvas, the **right sidebar** will show the specific [**component properties**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/forms/fields-properties).&#x20;

There you can set what kind of data and other content your UI components display, configure how they function and define how they are bound to app data.&#x20;

Use [**stylesheets**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/designertools/stylesheets) **in the footerbar** so you can assemble fields quickly and easily in your business style.

Data to be available in the component can be selected and binded in the section [**Mapping**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/data/mapping-form-data) **in the footerbar.**