# Widgets

The visual elements of a page are called Widgets. There are different widget types and sub-types:

* Table widget
  * Column
  * Row
  * Hierarchy
* Cell widget
  * Password
  * QR code
* Text widget
* Button widget
* Menu widget
  * Hierarchy menu
* Chart widget
* Image widget

Widgets are added to a page via the widget toolbar.

<div align="center"><figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-cfbabce73b70880fc21802a5b4258a1647c6f0ab%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure></div>

A single click places a new widget of the selected type into the middle of the current page. Alternatively, a widget can be dragged to a position on the page by drag\&drop on the widget icon.

The sub-types "Hierarchy" (for table widgets) and "Hierarchy menu" (for menu widgets) can be selected in the Styles tab:

<figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-799619fb7448f04ec411fccbcfdfc48c10dacc52%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>