Hi everyone, I feel I’m not looking in the right places, or this is more complicated than it should be.
We’re building a public app with CRM cards. We have our primaryAction button working. Just want to show some plain text above it. How would we go about doing that?
Hello @forge
you can use the alert component. The alert component renders a single alert, with a bolded title text and an explanatory text that appears below the title. To display plain text, you can set the body property of the alert component to a string value. For example, the following code would create an alert with the title “This is an alert” and the explanatory text “This is some plain text”
{
"componentType": "alert",
"title": "This is an alert",
"body": "This is some plain text"
}
Once you have created the alert or descriptionList component, you can add it to your CRM card by setting the body property of the card object to the component. For example, the following code would create a CRM card with an alert and a description list.
{
"card": {
"body": [
{
"componentType": "alert",
"title": "This is an alert",
"body": "This is some plain text"
},
{
"componentType": "descriptionList",
"body": [
{
"label": "Label 1",
"value": "Value 1"
},
{
"label": "Label 2",
"value": "Value 2"
}
]
}
]
}
}
For more information on how to create custom CRM cards, please see the HubSpot documentation: UI extension components - HubSpot docs.