Last modified: August 22, 2025
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',
      ]}
    />
  );
};
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.