Last modified: August 22, 2025
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"
    />
  );
};
PropTypeDescription
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.
direction'column' (default) | 'row'The layout direction of the table.
objectTypeIdStringThe numeric ID of the type of associated object to display (e.g., 0-1 for contacts). See complete list of object IDs.
objectIdStringThe ID of the CRM record to display property data from.