> ## 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: eca09ab6-9183-410e-9b38-40754e5e14cd
---

# CRM data components

> Learn about the CRM data component for use in UI extensions.

CRM data components can pull data directly from the currently displaying CRM record, including information about associated records and single object reports. These components can only be placed in the middle column of CRM records.

These components are imported from `@hubspot/ui-extensions/crm`.

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

## Available components

* [CrmAssociationPivot](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-association-pivot)
* [CrmAssociationPropertyList](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-association-property-list)
* [CrmAssociationTable](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-association-table)
* [CrmDataHighlight](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-data-highlight)
* [CrmPropertyList](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-property-list)
* [CrmReport](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-report)
* [CrmStageTracker](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-stage-tracker)
* [CrmStatistics](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/crm-statistics)

## Filtering data

In the `CrmAssociationPivot` and `CrmAssociationTable` components, you can filter the data to fetch only what's most relevant. Review the table below for available filtering options.

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

const Extension = () => {
  return (
    <CrmAssociationPivot
      objectTypeId="0-1"
      associationLabels={["CEO", "Co-founder"]}
      maxAssociations={10}
      preFilters={[
        {
          operator: "NOT_IN",
          property: "dealstage",
          values: ["closedwon"],
        },
      ]}
    />
  );
};
```

| Prop        | Type                                                                                                                    | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| ----------- | ----------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `highValue` | String \| number                                                                                                        | The upper value to filter by when using an operator that requires a range, such as `BETWEEN`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| `operator`  | `EQ` \|`NEQ` \| `LT` \| `LTE` \| `GT` \| `GTE` \| `BETWEEN` \| `IN` \| `NOT_IN` \| `HAS_PROPERTY` \| `NOT_HAS_PROPERTY` | The filter's operator (e.g. `IN`). Can be one of:<ul><li>`EQ`: is equal to `value`.</li><li>`NEQ`: is not equal to `value`.</li><li>`LT`: is less than `value`.</li><li>`LTE`: is less than or equal to `value`.</li><li>`GT`: is greater than `value`.</li><li>`GTE`: is greater than or equal to `value`.</li><li>`BETWEEN`: is within the specified range between `value` and `highValue`.</li><li>`IN`: is included in the specified `values` array. This operator is case-sensitive, so inputted values must be in lowercase. </li><li>`NOT_IN`: is not included in the specified `values` array.</li><li>`HAS_PROPERTY`: has a value for the specified property.</li><li>`NOT_HAS_PROPERTY`: does not have a value for the specified property.</li></ul>Learn more about [filtering CRM searches](/api-reference/latest/crm/search-the-crm#filter-operators). |
| `property`  | String                                                                                                                  | The property to filter by.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| `value`     | String \| number                                                                                                        | The property value to filter by.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| `values`    | String \| number                                                                                                        | The property values to filter by when using an operator that requires an array, such as `IN`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |