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 editing via the property pane which can be toggled next to the delete icon. Widget properties can affect data, style and action to take.

Widget properties don't have to be static! Connect a widget property to an API by typing {{ }} inside the property and binding the property using an API name or Widget name. You can learn more about working with widgets and APIs here

• ​Displaying API / Query Data​

• ​Talking to other widgets​