> ## 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: 7e26ae1e-2898-49df-9086-33dd3a81a1b9
---

# CrmDataHighlight

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

The `CrmDataHighlight` component renders a list of properties along with their values. You can use this component to surface important property data from either the currently displaying record or another specified record.

<Frame>
  <img src="https://developers.hubspot.com/hs-fs/hubfs/Knowledge_Base_2023/data-highlight.png" alt="data-highlight" />
</Frame>

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

const Extension = () => {
  return (
    <CrmDataHighlight properties={["createdate", "lifecyclestage", "hs_num_open_deals", "hs_num_child_companies"]} />
  );
};
```

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

## Related components

* [CrmPropertyList](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-property-list)
* [CrmStageTracker](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-stage-tracker)
* [CrmAssociationPivot](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-association-pivot)