mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-24 06:57:40 +00:00
11d38325cb
* add app-builder doc updates on Table and themes * breakdown chart docs in two parts and add custom css for headers * update chart example images and add more examples * revamp table component and minor fixes * fix typos * fix table formatting for docusarus v3 * fix filepicker table * create new version * fix grammar and tables
23 lines
1 KiB
Markdown
23 lines
1 KiB
Markdown
---
|
|
id: overview
|
|
title: Overview
|
|
---
|
|
|
|
# App-Builder: Overview
|
|
|
|
ToolJet's App Builder allows you to build applications. ToolJet's app builder has the following major components:
|
|
|
|
- **[Topbar](/docs/app-builder/topbar)**: Configure app settings
|
|
- **[Canvas](/docs/app-builder/canvas)**: Arrange the components to build the interface of app
|
|
- **[Left-sidebar](/docs/app-builder/left-sidebar)**: Add **[pages](/docs/tutorial/pages)**, **[inspect](/docs/how-to/use-inspector)** the components, queries or variables, and **[debug](#debugger)** the errors.
|
|
- **[Components library](/docs/app-builder/components-library)**(right sidebar): Drag any component or modify the property or styling
|
|
- **[Query Panel](/docs/app-builder/query-panel)**: Create, edit or manage the queries from the **[datasources](/docs/data-sources/overview)**
|
|
- **[Preview](/docs/app-builder/preview)**: Preview your application
|
|
|
|
|
|
|
|
<div style={{textAlign: 'center'}}>
|
|
|
|
<img className="screenshot-full" src="/img/v2-beta/app-builder/appbuilderui2.png" alt="App Builder: Overview"/>
|
|
|
|
</div>
|