Adding UI Elements

Appsmith has a collection of widgets that can be used to build the UI. Widgets can be dragged from the widget pane and be positioned on the canvas. They can also be resized to fit the data they need to display.

• ​Form​

• ​Input​

• ​Dropdown​

• ​Datepicker​

• ​Button​

• ​Filepicker​

• ​Checkbox​

• ​Radio​

• ​Table​

• ​Text​

• ​Image​

• ​Chart​

• ​Container​

Naming Widgets

Widgets have default names generated for them. You can rename a widget by clicking on its name in the property pane.

Editing widget properties

Widget properties can be edited via the property pane which is opened using top-right icon (Edit Widget Properties). Widget properties can affect the widget data, styling and actions.

Widget properties don't have to be static! To make it dynamic, type {{ }} inside the widget property and bind it to an API/Query/Widget. You can learn more about working with widgets and APIs here

• ​Displaying API / Query Data​

• ​Talking to other widgets​