Buttons
The buttons block is a layout wrapper that holds one or more nested button blocks. It handles direction (horizontal or vertical), alignment, and wrapping – the individual button blocks inside it handle their own labels, links, and styles. This separation means you can drop a consistent button group into any section without re-configuring layout each time.
Settings
Section titled “Settings”| Setting | What it does |
|---|---|
| Block ID | Anchor ID for in-page linking. Must be unique and handleized. |
| Direction | Desktop layout direction – horizontal (side by side) or vertical (stacked). |
| Mobile Direction | Layout direction on small screens. Defaults to vertical. |
| Mobile Horizontal Alignment | How buttons align horizontally on mobile (start, center, end, or space between). |
| Desktop Horizontal Alignment | How buttons align horizontally on desktop. |
| Wrap Buttons | When enabled, buttons wrap to a new line instead of overflowing the container. |
Used in
Section titled “Used in”- Rich Text
- Text Image Split
- Comparison Table
- Photo Medley
- Featured Editorial
- Split Feature
- Split Feature Editorial
- Main 404
- The container hides itself when it has no child button blocks, so adding an empty buttons block to a section has no visual impact.
- Mobile defaults to vertical stacking while desktop defaults to horizontal – this matches the most common pattern, so you rarely need to change both.
- Use “Space Between” alignment to push buttons to opposite edges of the container, which works well for full-width CTAs on mobile.