Toolbox

The Architect Toolbox provided a collection of essential tools to streamline your app design process. Efficiently design and organize your app using the tools available.

Architect Toolbox

Here, you'll find four key tools at your disposal :

  1. Widgets Showroom: Explore and select widgets for the Widgets Explorer.

  2. Pages List: Manage and navigate through app pages.

  3. Components List: Reuse and manage components across the app.

  4. Custom Widgets List: Manage custom widgets.

Widgets Showroom

In the Widgets Showroom you can navigate and search through all the widgets and drag and drop them into theExplorerto create the desired layout and arrangement.

Pages List

Pages List

In the Pages List you can navigate, create, delete and search through all the pages in your project.

To Create a new page click on the Add New Page button and fill the name of the page.

To Delete a page, click on the contextual menu at the right of the card of the page.

To open a page in the Explorer click on it on the Pages List.

The Explorer, Application Preview and Settings Panel will update with the clicked page's information.

Components List

Components List

In the Components List you can navigate, create, delete and search through all the custom components in the project.

To Create a new component click on the Add New Component button and fill the informations.

To Delete a component, click on the contextual menu at the right of the card of the component.

To open a component in the Explorer click on it on the Components List.

The Explorer, Application Preview and Settings Panel will update with the clicked components information.

✨ Tips

Create a custom components to your needs and use it anywhere you want in your project !

The custom component like a classic component, drag and drop it in the Explorer !

Custom Widgets List

Custom Widgets List

In the Custom Widgets List you can navigate and search through all the custom widgets in the project.

To Create a custom widget, check Custom Widgets

The difference between Custom Component and Custom Widget is the way they are created. Custom Component are created the graphic way and and Custom Widget the code way.

✨ Tips

The custom component like a classic component, drag and drop it in the Explorer !

Last updated