Last modified: August 22, 2025
The CrmAssociationPropertyList component renders a list of properties belonging to a record associated with the currently displaying record. For example, you can use this component to display properties of a company record from its associated contact record. You can edit these property values inline, and changes will automatically save when leaving the field or pressing Enter. 
import { CrmAssociationPropertyList } from '@hubspot/ui-extensions/crm';

const Extension = () => {
  return (
    <CrmAssociationPropertyList
      objectTypeId="0-2"
      properties={['name', 'domain', 'city', 'state']}
      filters={[
        {
          operator: 'EQ',
          property: 'domain',
          value: 'meowmix.com',
        },
      ]}
    />
  );
};
PropTypeDescription
propertiesArrayThe list of properties to display from the associated record, up to 24.
objectTypeIdStringThe numeric ID of the type of associated object to display (e.g., 0-1 for contacts). See complete list of object IDs.
associationLabelsArrayWhen provided, returns associated records that have all the specified labels.
filtersArrayFilters the data by specific values of the associated records. Review the CRM data filter options for more information.
sortArrayThe default sorting behavior for the table. In each sort object in the array, you’ll specify the following:
  • columnName: the column to sort by.
  • direction: the direction to sort by. Can be either 1 (ascending) or -1 (descending). By default, order is ascending.