> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/data-pipeline-3/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/data-pipeline-3/getting-started/pipeline-workflow-editor/component-panel.md).

# Component Panel

The ***Pipeline Workflow Editor*** page of the ***Data Pipeline*** contains a ***Component Panel*** on the left side of the page. The ***Component Panel*** lists ***System*** and ***Custom*** components of the ***Data Pipeline***.

<figure><img src="https://content.gitbook.com/content/c39ZvXI46qjXzpN3rYAg/blobs/Ag8hPs8wlUcATzoGfOYr/MicrosoftTeams-image%20(64).png" alt=""><figcaption><p>Component Panel on the Pipeline Workflow Editor page</p></figcaption></figure>

## Sorting and Grouping Components <a href="#sorting-and-grouping-components" id="sorting-and-grouping-components"></a>

* The Component Panel displays categorized list of all the pipeline components. The Components are majorly divided into two groups:
  * System
  * Custom
* ***System Components***- The pre-designed pipeline components are listed under the ***System*** tab.

![](https://content.gitbook.com/content/c39ZvXI46qjXzpN3rYAg/blobs/EToaMXCfBcS1PqYC34Ik/MicrosoftTeams-image%20\(61\).png)

* ***Custom Components***- The ***Custom*** tab lists all the customized pipeline components created by the user.

![](https://content.gitbook.com/content/c39ZvXI46qjXzpN3rYAg/blobs/oWVcOkhz8U3hbMQDJOhk/MicrosoftTeams-image%20\(62\).png)

* The Component gets grouped based on the Component type. E.g., All the reader components are provided under the ***Reader*** menu tab of the Component Pallet.

![](https://content.gitbook.com/content/c39ZvXI46qjXzpN3rYAg/blobs/el1RdemAokOs7zaizKr1/MicrosoftTeams-image%20\(63\).png)

## Searching a Component <a href="#searching-a-component" id="searching-a-component"></a>

A search bar is provided to search across the 50+ components. It helps to find a specific component by inserting the name in the Search Bar.

* Navigate to the Search bar provided in the ***Component Pallet***.

&#x20;      ![](https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FIaL5ZskOVCJJVjzbRlPQ%2Fimage.png?alt=media\&token=cf41d193-e248-4e4f-a35a-98f952f7efe0)​

* Type in the given search bar.
* The user gets prompt suggestions for the searched components. E.g., While searching ***hd***, it lists HDFS Reader and HDFS Writer components.
* Select an option from the prompted choices.

<figure><img src="https://content.gitbook.com/content/c39ZvXI46qjXzpN3rYAg/blobs/BhgTkTJJOJ785o5Opz9r/MicrosoftTeams-image%20(65).png" alt=""><figcaption></figcaption></figure>

* The searched component appears under the ***System*** tab. (E.g., HDFS Writer component as displayed in the below image).

<figure><img src="https://content.gitbook.com/content/c39ZvXI46qjXzpN3rYAg/blobs/GvUv6rmbxohgA33mWyXN/MicrosoftTeams-image%20(66).png" alt=""><figcaption></figcaption></figure>