Understanding the components panel

In the component panel, following tabs are visible:

Tab	Description
Tree	You can view the skeletal (tree) structure of all the components added to the page, as per hierarchy. By default, page is the first component that is visible in the tree. All other components are added only to the page.
Properties	You can view and edit the properties of the components added. As per their functionality, you can change their properties to suit the UI of your application. For example, for a Card Header, you can select an icon and the background color, whereas for a Slide Toggle component, you can set the component position. The properties under the Standard section are common to all the components. Refer to Understanding the standard properties of components section.
Components	You can view and add the components available under the selected component.
DS	You can view the attributes of the table added to the data source linked to the datastore. You can also select and add the attributes to certain components. If a data source is not linked to the datastore, you can view the list of all existing data sources.