# Toolbox - controls

### Drag & drop

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%2FNl2UeVgjVfNeKxi3rc0Z%2FImage%20toolbox%20dashboard%20page.png?alt=media&#x26;token=5469b69a-1dbd-4732-be39-0692cc318bfd" alt=""><figcaption></figcaption></figure></div>

### **Properties and styling**

When you select a control on the canvas, the **right sidebar** will show the specific [**component panel**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/dashboard/controls-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-dashboard-data) **in the footerbar.**

###