Component blocks, also called Lightning blocks, are reusable components that you can use to compose emails and web content in the Content Management System (CMS) for Marketing Cloud Next. When you create email content using Connect API, the contentBody of your request contains a tree of nested blocks.
Block Structure
Every component block has these basic properties.
| Property | Description |
|---|---|
type |
The type of object created in the request. For component blocks, the value is always block. |
definition |
The block type. Possible values: <ul><li>lightning/actionButton</li><li>lightning/button</li><li>lightning/column</li><li>lightning/divider</li><li>lightning/heading</li><li>lightning/html</li><li>lightning/image</li><li>lightning/inputCheckbox</li><li>lightning/inputDropdown</li><li>lightning/inputEmail</li><li>lightning/inputText</li><li>lightning/list</li><li>lightning/listElement</li><li>lightning/listItem</li><li>lightning/paragraph</li><li>lightning/section</li></ul> |
attributes |
An object that contains properties specific to the block type. Most blocks support brand data provider references for consistent styling, such as {!$brand.colorScheme} and {!$brand.typography.heading.heading2}. |
children |
An array of nested child blocks, if the block type supports them. |
A component block follows this basic structure.
{
"type": "block",
"definition": "lightning/blockName",
"attributes": {},
"children": []
}
Block Types
You can create several types of component blocks:
- Action Component Blocks
- Content Component Blocks
- Form Component Blocks
- Layout Component Blocks
- List Component Blocks
Using Blocks with Connect API
Use blocks when you create content in your content workspace by using Connect API. You can create these marketing content types using blocks:
<!-- - [Expression](/docs/marketing/marketing-cloud-growth/references/mc-next-expression) - [In-App Message](/docs/marketing/marketing-cloud-growth/references/mc-next-in-app-message) - [Push Notification](/docs/marketing/marketing-cloud-growth/references/mc-next-push-notification) - [SMS Content Body](/docs/marketing/marketing-cloud-growth/references/mc-next-sms-content-body) - [SMS Message](/docs/marketing/marketing-cloud-growth/references/mc-next-sms-message) - [Tracked Link](/docs/marketing/marketing-cloud-growth/references/mc-next-tracked-link) - [WhatsApp Session](/docs/marketing/marketing-cloud-growth/references/mc-next-whatsapp-session) - [WhatsApp Template](/docs/marketing/marketing-cloud-growth/references/mc-next-whatsapp-template) -->