# Active Components
All the components are distributed into a tree view to interact conveniently. When the user drags a widget into the design layout, it is added to the Active Components section.
#### View
When a widget is part of another widget - for example - when a text input is placed inside a form widget, the text input is shown under the form component. Likewise - a tree view is formed among components using their master→children relationship.
When the user clicks on a specific component in the Active Component section, the widget will be focused on the design layout, and the respective `Properties` window is displayed for easy interaction and building.
#### Variables
A set of `Properties` is defined for each widget when it is used for building the app - For example: `text and` `hidden`. The values set in these properties are accessible as exposed variables using low-code methodology.
Click on the Data icon next to the component to see the exposed variables of the component
```javascript
{{txtName.disabled}}
//Returns the boolean value, originally set in the 'hidden' property of the widget
```
