# 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.
{% hint style="info" %}
This will delete the Components Folder itself but not permanently delete the Components nested inside.
{% endhint %}
* 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.
{% hint style="info" %}
You need to activate "Sort Components" before you attempting to sort your Components otherwise the component will be added to your page by default.
{% endhint %}
* 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.
{% hint style="info" %}
This will delete the Components from the Folder but not remove the Components permanently.
{% endhint %}
* 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.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.cwicly.com/cwicly/components/components-folders.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.