Skip to main content
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.
data-highlight
import { CrmDataHighlight } from "@hubspot/ui-extensions/crm";

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

​
Props

PropTypeDescription
propertiesArrayThe 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.
objectTypeIdStringThe numeric ID of the type of associated object to display (e.g., 0-1 for contacts). See complete list of object IDs.
objectIdStringThe ID of the CRM record to display property data from.
Last modified on December 10, 2025