---
schema_version: "1"
id: 046ea7023d6ba35795c367619a69a5832ee903f83c97f373f3f382b1cb7bcc7f
title: Component Blocks for Marketing Cloud Next
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/marketing-cloud/mc-core/guide/mc-manage-content/mc-manage-component-blocks/mc-manage-component-blocks.md
canonical_url: https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 256d76add36823d1ae4a201c12484615c73d37c81f41cc343f5432e47e9f8c1e
products:
  - Marketing Cloud Next
  - Marketing Cloud
---
# Component Blocks for Marketing Cloud Next

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](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-action.md#lightningactionbutton)</li><li>[lightning/button](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-content.md#lightningbutton)</li><li>[lightning/column](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-layout.md#lightningcolumn)</li><li>[lightning/divider](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-layout.md#lightningdivider)</li><li>[lightning/heading](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-content.md#lightningheading)</li><li>[lightning/html](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-content.md#lightninghtml)</li><li>[lightning/image](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-content.md#lightningimage)</li><li>[lightning/inputCheckbox](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-form.md#lightninginputcheckbox)</li><li>[lightning/inputDropdown](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-form.md#lightninginputdropdown)</li><li>[lightning/inputEmail](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-form.md#lightninginputemail)</li><li>[lightning/inputText](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-form.md#lightninginputtext)</li><li>[lightning/list](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-list.md#lightninglist)</li><li>[lightning/listElement](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-list.md#lightninglist)</li><li>[lightning/listItem](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-list.md#lightninglist)</li><li>[lightning/paragraph](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-content.md#lightningparagraph)</li><li>[lightning/section](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-layout.md#lightningsection)</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.

```json
{
  "type": "block",
  "definition": "lightning/blockName",
  "attributes": {},
  "children": []
}
```

## Block Types

You can create several types of component blocks:

- [Action Component Blocks](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-action.md)
- [Content Component Blocks](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-content.md)
- [Form Component Blocks](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-form.md)
- [Layout Component Blocks](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-layout.md)
- [List Component Blocks](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-list.md)

## 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:

- [Email Content](/docs/marketing/marketing-cloud-growth/references/mc-next-email-content-body)
- [Email Template](/docs/marketing/marketing-cloud-growth/references/mc-next-email-template)
<!-- - [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)
  -->