CrmPropertyList | UI components (BETA)

APPLICABLE PRODUCTS
  • Sales Hub
    • Enterprise
  • Service Hub
    • Enterprise

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" /> ); };
Prop Type Description
properties Required Array The properties to display, up to four. 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.
objectTypeId String The numeric ID of the type of associated object to display (e.g., 0-1 for contacts). See complete list of object IDs.
objectId String The ID of the CRM record to display property data from.

Related components

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.