# 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***.

![Component Panel on the Pipeline Workflow Editor page](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FalEewY9gzKuzUAgENWew%2Fimage.png?alt=media\&token=e267f6d0-5082-43dd-be8b-2b98e167b791)

### Sorting and Grouping Components

* 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://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fman4r5ZWy6e78h9vxylV%2Fimage.png?alt=media\&token=1f6c1520-ee47-4a47-8143-7af5b17c351b)

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

       ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FOqyQ1t6LU7KBR77fwMrF%2Fimage.png?alt=media\&token=f2278808-da59-4713-8fe0-785e51190a8b)

* 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://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fkv590U1rBHvN4zph8ltV%2Fimage.png?alt=media\&token=dd52051d-df3c-4452-b365-2602f2434b1d)

### Searching a Component

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***.

      ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fxr1woIOLpCJWuy7RXw05%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.

       ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FZjKB69jWovg825aX1dXg%2Fimage.png?alt=media\&token=1b19e1ac-6bc9-4af1-ad20-8f5aa61b2a78)

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

       ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FGIzyTuODp4YuZhCyACL3%2Fimage.png?alt=media\&token=3408951f-d2ee-4743-944b-e8eb14c55156)