> ## 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: 0cfbd431-f677-4f15-9211-2fff1448f7a3
---

# CrmPropertyList

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

The `CrmPropertyList` 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. You can edit these property values inline and will automatically save when leaving the field or pressing Enter.

<Frame>
  <img src="https://developers.hubspot.com/hs-fs/hubfs/Knowledge_Base_2023/ui-ext-components-propertylist.png" alt="ui-ext-components-propertylist" />
</Frame>

```jsx theme={null}
import { CrmPropertyList } from "@hubspot/ui-extensions/crm";

const Extension = () => {
  return (
    <CrmPropertyList
      properties={["lastname", "email", "createdate", "address", "city", "state", "zip"]}
      direction="row"
    />
  );
};
```

## Props

| Prop           | Type                            | Description                                                                                                                                                                                             |
| -------------- | ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `direction`    | `'column'` (default) \| `'row'` | The layout direction of the table.                                                                                                                                                                      |
| `objectId`     | String                          | The ID of the CRM record to display property data from.                                                                                                                                                 |
| `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-ids) of object IDs.                            |
| `properties`   | Array                           | The properties to display, up to 24. By default, will display property data from the currently displaying record. To pull data from a specific record, include the `objectTypeId` and `objectId` props. |

## Related components

* [CrmDataHighlight](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-data-highlight)
* [CrmStageTracker](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-stage-tracker)
* [CrmAssociationPivot](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-association-pivot)