CrmCardActions | UI components (BETA)
APPLICABLE PRODUCTS
-
Sales Hub
- Enterprise
-
Service Hub
- Enterprise
The CrmCardActions
component renders a smaller standalone or dropdown menu button that can contain multiple CRM actions.
This type of component is useful for enabling your extension to interact with other CRM entities, such as records and engagements. To learn more about how CRM action components work together, check out the CRM action components overview.
Unlike CrmActionButton and CrmActionLink where props such as actionType
are accepted at the top level, CrmCardActions
includes an actionConfigs
prop which accepts fields for action configuration.
Prop | Type | Description |
---|---|---|
actionConfigs Required |
Array | An array that stores fields for configuration button actions. See below for list of supported fields. |
label |
String | The button's label text. |
onError |
(errors: string[]) => void | An optional callback that will pass any error messages that were generated. Common errors include missing required context values or the user not having sufficient permissions to perform an action. |
In the actionConfigs
array, you can include the following fields:
Field | Type | Description |
---|---|---|
type Required |
'action-library-button' |'dropdown' |
The type of button to render:
|
options |
Array | For dropdown type buttons, this array stores objects for each action in the dropdown menu. Each action should be set to the 'action-library-button' type. |
actionType Required |
String | The type of action to perform. See list of available actions for more information. |
actionContext Required |
Object | An object containing the CRM object and record context for performing the action. See list of available actions for required context values. |
disabled |
Boolean | When set to true , the button or dropdown menu option will render in a disabled, greyed-out state and can't be clicked. |
tooltipText |
String | Tooltip text that appears when hovering over the button or dropdown menu option. |
Thank you for your feedback, it means a lot to us.
This form is used for documentation feedback only. Learn how to get help with HubSpot.