> ## Documentation Index
> Fetch the complete documentation index at: https://developers.hubspot.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

---
id: edf81a48-b407-4b75-bb64-050dd5707e16
---

# CrmAssociationPropertyList

> Learn about the CrmAssociationPropertyList component for use in UI extensions.

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.

<Frame>
  <img src="https://developers.hubspot.com/hs-fs/hubfs/Knowledge_Base_2023/ui-extensions-component-associationpropertylist.png" alt="" />
</Frame>

```jsx theme={null}
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",
        },
      ]}
    />
  );
};
```

## Props

| Prop                | Type   | Description                                                                                                                                                                                                                                                                                          |
| ------------------- | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `associationLabels` | Array  | When provided, returns associated records that have all the specified labels.                                                                                                                                                                                                                        |
| `filters`           | Array  | Filters the data by specific values of the associated records. Review the [CRM data filter options](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/overview#filtering-data) for more information.                                                             |
| `objectTypeId`      | String | The numeric ID of the type of associated object to display (e.g., `0-1` for contacts). See [complete list](/guides/crm/understanding-the-crm#object-type-id) of object IDs.                                                                                                                          |
| `properties`        | Array  | The list of properties to display from the associated record, up to 24.                                                                                                                                                                                                                              |
| `sort`              | Array  | The default sorting behavior for the table. In each sort object in the array, you'll specify the following:<ul><li>`columnName`: the column to sort by.</li><li>`direction`: the direction to sort by. Can be either `1` (ascending) or `-1` (descending). By default, order is ascending.</li></ul> |

## Related components

* [CrmAssociationTable](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-association-table)
* [CrmReport](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-report)
* [CrmAssociationPivot](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-association-pivot)