---
schema_version: "1"
id: 989d77f500da76cfbc8a9f5da201722bfcc99a3247ceea2d732ece409e0a9bf4
title: Action Component Blocks
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-action.md
canonical_url: https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks-action.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 2b92cd2a4c4fca2202ae457e6749c1b014810a01ed2bc2d20c9ae338f612e41f
products:
  - Marketing Cloud Next
  - Marketing Cloud
---
# Action Component Blocks

Action component blocks are interactive buttons for form submissions and custom actions.

## lightning/actionButton

Interactive button for form submissions and custom actions. Unlike `lightning/button`, which requires a destination URI for navigation, `lightning/actionButton` defaults to form submission behavior and supports custom click handlers.

| Attribute                       | Type   | Description                                                                                                          |
| ------------------------------- | ------ | -------------------------------------------------------------------------------------------------------------------- |
| `text`                          | string | Required. The label displayed on the button. The default value is `Button`.                                          |
| `width`                         | object | Controls how wide the button is within its container.                                                                |
| `lightning:horizontalAlignment` | string | Specifies the horizontal position of the button within its column. Possible values are `left`, `center`, or `right`. |

This example shows how to create a centered submit button.

```json
{
  "type": "block",
  "definition": "lightning/actionButton",
  "attributes": {
    "text": "Submit",
    "lightning:horizontalAlignment": "center"
  }
}
```

## Related Items

- [Content Component Blocks](https://developer.salesforce.com/docs/marketing/marketing-cloud-growth/guide/mc-manage-component-blocks.md)