---
title: "Creating new components"
slug: "create-components"
updated: 2025-09-16T09:00:27Z
published: 2025-09-16T09:00:27Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://success.panaya.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating new components

Components can be run in an automated test, allowing their reuse in multiple areas of your automation repository. Instead of writing repetitive actions from scratch, you can reference the pre-existing components and create new automated scripts by combining them.

## 

## Converting Script Instructions to Components

You can convert existing script instructions to a component.

1. In ScriptBuilder, use the **Ctrl**or **Shift**keys to multi-select consecutive instructions.
2. Click on the **Convert to component button**. ![](https://cdn.document360.io/f404076c-de23-4609-848e-2dfd4ef701b0/Images/Documentation/image-4SYRY4QU.png)
3. Set a **name**and a **description**for the new component.

> [!NOTE]
> Did you know?
> 
> AI can automatically generate relevant naming and descriptions for your components, reducing manual efforts, improving clarity, and enhancing searchability. [Click here to learn how to enable AI features](/v1/docs/enabling-ai-features)
4. Click on **Select from tree** to select the the location where you wish the component to be created. You can create a new component in the same or another system or project. ![](https://cdn.document360.io/f404076c-de23-4609-848e-2dfd4ef701b0/Images/Documentation/image-CUN1T1LS.png)

---

## Record Components from Scratch

To create a component -

1. From within a Project - Hover over the **Tests**tab and then **Test Tree.** ![](https://cdn.document360.io/f404076c-de23-4609-848e-2dfd4ef701b0/Images/Documentation/image-8UNLV4IG.png)
2. Highlight a Cycle, Folder, or Business Process in the tree.
3. Right-click a Cycle, Folder, or Business Process where you wish to create the Component and select **Add > Component.** ![](https://cdn.document360.io/f404076c-de23-4609-848e-2dfd4ef701b0/Images/Documentation/image-ND4E2HQP.png)
4. Your Component will appear in the tree with the following icon. ![](https://cdn.document360.io/f404076c-de23-4609-848e-2dfd4ef701b0/Images/Documentation/image-GLZQNFUJ.png)
5. To add instructions to the component script, select the component in the tree, then click on the **Script tab**. ![](https://cdn.document360.io/f404076c-de23-4609-848e-2dfd4ef701b0/Images/Documentation/image-0GXOC8AU.png)
6. Click on the **Open ScriptBuilder**button. ![](https://cdn.document360.io/f404076c-de23-4609-848e-2dfd4ef701b0/Images/Documentation/image-6GEWICIR.png)
7. Click **Record**to begin capturing instructions for the newly created component. Use the Add Instructions button to **add instructions**manually. ![](https://cdn.document360.io/f404076c-de23-4609-848e-2dfd4ef701b0/Images/Documentation/image-Y5UNSTU8.png)
8. Upon completion, **Save**your script.

[Click here](/v1/docs/running-components) to learn how to nest your component in a script and play it.

> [!NOTE]
> Good to Know!
> 
> - You can nest components within components.
> - It is recommedned to give your components clear and descriptive naming. This will make it easier to search for the component for later reuse. You may also want to organize your components into separate folders such as “Form Actions," "Page Navigation," or "Validations".

##

## Related

- [Components Input and Output Parameters](/components-input-output.md)
- [Updating Components](/updating-components.md)
- [Running Components](/running-components.md)