Component Catalog

Split Block Editorial

  1. Home
  2. Blocks
  3. Editorial
  4. Split Block
Editorial

Split Block Pairs media with text side by side, with an optional reverse for rhythm down a page

Pairs media with text side by side, with an optional reverse for rhythm down a page.

When to use

This page shows the Split Block across background, alignment and spacing settings, then lists its fields.

Variations The same block across five settings

Left · Light 01bg: bgstyle-01 · align: left

products packaging product photography 13013778

The Split block pairs media with text and can reverse the layout for rhythm down a page.

Center · Light 02bg: bgstyle-02 · align: center

products packaging product photography 13013778

The Split block pairs media with text and can reverse the layout for rhythm down a page.

Right · Plainbg: bgstyle-00 · align: right

products packaging product photography 13013778

The Split block pairs media with text and can reverse the layout for rhythm down a page.

Center · Dark 05bg: bgstyle-05 · align: center

products packaging product photography 13013778

The Split block pairs media with text and can reverse the layout for rhythm down a page.

Center · Image BGbg: bgstyle-05 · align: center

products packaging product photography 13013778

The Split block pairs media with text and can reverse the layout for rhythm down a page.

Field reference

FieldEditorRequired
splitBodyRich text
splitReverseToggle
mediaImageMedia