Skip to main content
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.
ui-ext-components-propertylist
import { CrmPropertyList } from "@hubspot/ui-extensions/crm";

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

​
Props

PropTypeDescription
direction'column' (default) | 'row'The layout direction of the table.
objectIdStringThe ID of the CRM record to display property data from.
objectTypeIdStringThe numeric ID of the type of associated object to display (e.g., 0-1 for contacts). See complete list of object IDs.
propertiesArrayThe 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.
Last modified on January 9, 2026