Components Folders

Components Folders is more of a Components library where you can add, store, access, reorganise and delete your collection of Components Folders.

A Component can be in multiple Component Folders and you can nest as many Components in a Component Folder as necessary.

You can add as many Component Folders as you need.

Components Folders

Components Folders can be accessed from the Components panel in the Inserter Sidebar.

  • Open Components in Inserter Sidebar.

  • Open Folders tab.

Add Folder

This allows you to add a new Components Folder.

  • Open Folders tab.

  • Click "Add New Folder".

  • This will open an "Add New Folder" modal.

  • Input a suitable name for the Components Folder.

  • Click "Create".

View

Once you have added Component Folders, they will be visible in the Components Folders panel.

  • Click the required Component Folder to open.

You can choose between component view or paginated.

Drag and Drop to reorder Component Folders as required.

Rename

This property allows you to rename a Components Folder.

  • Open Folders tab.

  • Click to open the required Components Folder.

  • Click Components Folder name and input a suitable new name.

Change Colour

A colour is automatically assigned to each Components Folder when it is created but the colour can be personalised as required.

  • Open Folders tab.

  • Click to open the required Components Folder.

  • Open the colour picker and select a suitable colour.

Add Icon

This property allows you to add an Icon to your Components Folder.

  • Open Folders tab.

  • Click to open the required Components Folder.

  • Open the icon modal and select a library.

  • Search for required icon or locate manually.

The chosen icon will be visible next to the Components Folder.

Delete Folder

Components Folders can be deleted if no longer required.

This will delete the Components Folder itself but not permanently delete the Components nested inside.

  • Open Folders tab.

  • Click to open the required Components Folder.

  • Click "Delete" icon to delete Components Folder.

Sort Folders

You can change the order of your Components Folders as required.

  • Open Folders tab.

  • Drag and Drop Components Folders to change the order as necessary.

Return

Return allows you to leave the selected Components Folder and return to the Components Folders library.

  • Click Return icon to go back to the Components Folders library.

Components

Components nested in a Components Folder are visible when you open a Components Folder.

  • Open Folders tab.

  • Click to open the required Components Folder.

  • View Components nested in Folder.

Drag and Drop Components to change the order as necessary.

Add

You can add Components to a Components Folder.

  • Open Folders tab.

  • Click to open the required Components Folder.

  • Click the "+" icon to open the "Add components to folder".

The "Add components to folder" modal contains a Search Bar to help you locate the component you wish to add to the open Components Folder.

  • In the "Add components to folder" modal, input component name and choose component in the dropdown.

The component is now displayed in the folder.

Add to Page

Select or Drag components nested in a Components Folder to add to the canvas.

Sort

Components nested in a Components Folder can be sorted to change their order within the folder.

You need to activate "Sort Components" before you attempting to sort your Components otherwise the component will be added to your page by default.

  • Open Folders tab.

  • Click to open the required Components Folder.

  • Click "Sort Components" icon to enable sorting.

Drag and Drop Components to change the order as necessary.

Delete

This allows you to remove a Component from a Components Folder.

This will delete the Components from the Folder but not remove the Components permanently.

  • Open Folders tab.

  • Click to open the required Components Folder.

  • Find the Component to be deleted.

  • Click "X" icon.

  • Click "Remove" to delete from Folder.

Last updated