< Context / Components

Column

Introduction

A wrapper for content in a column. This needs to be directly nested inside a columns component.

Body

The column component is purely used as a wrapping element so has no body

Style

style

For use with media stacking

For use with auto stacking

For use with both

Components

This can contain all standard components.

Example .json

  {
    "type":"column",
    "style":{
      "width":"170",
      "widthUnit":"px",
      "background":{
        "color":""
      },
      "padding":{
        "top":"",
        "right":"",
        "bottom":"",
        "left":""
      },
      "border": {
        "color": "",
        "width": "",
        "style": "",
        "radius": ""
      },
      "breakpoints":[
        {
          "breakMin":"",
          "breakMax":"600",
          "width":"100",
          "widthUnit":"%",
          "hide":false
        }
      ]
    },
    "components":[

    ]
  }