< Context / Components

Columns

Introduction

A wrapper for a number of column

Body

stacking

-plain text

Options for how the columns can stack. media and auto. Using media will create columns of equal height, and the width can will be calculated to fit if left empty. The downside of this is some mobile email clients don't support media queries and the columns won't stack. Using auto columns will stack on all devices but will loose the ability to auto calculate widths and height.

Style

style

Components

This can only contain column components

Example .json

  {
    "type":"columns",
    "style":{
      "columnGap":"5"
    },
    "components":[

    ]
  }