CrmDataHighlight - HubSpot docs

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.

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

CrmPropertyList
CrmStageTracker
CrmAssociationPivot

​Props

​Related components

Props

Related components