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

---
id: 67860986-6336-43dd-9044-f8e66e487b51
---

# CrmStageTracker

> Learn about the CrmStageTracker component for use in UI extensions.

The `CrmStageTracker` component renders a lifecycle or pipeline stage progress bar and a list of properties. Available for contacts, companies, deals, tickets, and custom objects.

Use this component to show stage progress for the currently displaying record, or you can specify a record. You can also edit the property values inline and your changes will automatically save when leaving the field or pressing Enter.

<Frame>
  <img src="https://developers.hubspot.com/hs-fs/hubfs/Knowledge_Base_2023/ui-extensions-component-dealstagetracker.png" alt="ui-extensions-component-dealstagetracker" />
</Frame>

```jsx theme={null}
import { CrmStageTracker } from "@hubspot/ui-extensions/crm";

const Extension = () => {
  return <CrmStageTracker objectId="13833764681" objectTypeId="0-3" properties={["dealname", "amount"]} />;
};
```

## Props

| Prop             | Type    | Description                                                                                                                                                                                               |
| ---------------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `objectId`       | String  | The ID of the CRM record to display property data from.                                                                                                                                                   |
| `objectTypeId`   | String  | The numeric ID of the type of associated object to display (e.g., `0-1` for contacts. See [complete list](/guides/crm/understanding-the-crm#object-type-ids) of object IDs.                               |
| `properties`     | Array   | The properties to display, up to four. By default, will display property data from the currently displaying record. To pull data from a specific record, include the `objectTypeId` and `objectId` props. |
| `showProperties` | Boolean | Whether to display the properties below the progress indicator. When set to `false`, properties will not display.                                                                                         |

## Related components

* [CrmPropertyList](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-property-list)
* [CrmDataHighlight](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-data-highlight)
* [CrmReport](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-report)