Employee List

The Carpose Employee List component is a powerful and easy-to-integrate React component for displaying a list of employees. This component allows you to dynamically fetch employee data from our API and present it in a clear and organized list.

Integrating the Component

To integrate the Carpose Employee List component into your application, insert the following HTML code at the desired location:

<div data-carpose-component="employee-list"
     data-api-key="b61983949c29a48293bda8d9">
</div>

Ensure that you replace the data-api-key with your actual API key to access the employee data. This simple integration allows you to quickly and efficiently utilize the component without needing extensive customization.

Filter

data-filter-team

The data-filter-team attribute allows you to filter employees based on their team. By specifying a team UUID, the Carpose Employee List component will only display employees who belong to that specific team.

To filter the employees by a specific team, use the data-filter-team attribute as shown below:

<div data-carpose-component="employee-list"
     data-api-key="b61983949c29a48293bda8d9" 
     data-filter-team="1ef15d3d-4b4f-67ae-89ef-c9663935972c">
</div>

In this example, the component will only display employees who are members of the team with the UUID 1ef15d3d-4b4f-67ae-89ef-c9663935972c. This attribute makes it easy to display team-specific employee lists, providing a tailored view of your workforce.

data-filter-store

The data-filter-store attribute allows you to filter employees based on their store. By specifying a team UUID, the Carpose Employee List component will only display employees who belong to that specific store.

To filter the employees by a specific store, use the data-filter-store attribute as shown below:

<div data-carpose-component="employee-list"
     data-api-key="b61983949c29a48293bda8d9" 
     data-filter-store="1ef167e5-ca46-62ee-acac-3d1a7188d52b">
</div>

In this example, the component will only display employees who are members of the team with the UUID 1ef167e5-ca46-62ee-acac-3d1a7188d52b. This attribute makes it easy to display store-specific employee lists, providing a tailored view of your workforce.