Last modified: August 22, 2025
The CrmAssociationPivot component is a CRM data component that renders a list of associated records organized by their assigned association label. You’ll specify the type of records that you want to appear along with table attributes such as pagination, sorting, and more. You can either return all labels or specify the labels to return.
ui-ext-components-associationspivot
import { CrmAssociationPivot } from '@hubspot/ui-extensions/crm';

const Extension = () => {
  return (
    <CrmAssociationPivot
      objectTypeId="0-1"
      associationLabels={['CEO', 'CEO of subsidiary', 'Co-founder']}
      maxAssociations={10}
      preFilters={[
        {
          operator: 'NOT_IN',
          property: 'dealstage',
          values: ['closedwon'],
        },
      ]}
      sort={[
        {
          columnName: 'createdate',
          direction: -1,
        },
      ]}
    />
  );
};
PropTypeDescription
objectTypeId RequiredStringThe numeric ID of the type of associated object to display (e.g., 0-1 for contacts). See complete list of object IDs.
associationLabelsArrayFilters results by specific association labels. By default, all association labels will appear.
maxAssociationsNumberThe number of items to return in each association label group before displaying a “Show more” button.
preFiltersArrayFilters 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 the array, you’ll include an object for the column you want to sort by, which specifies:
  • 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.