Container

< Context / Components

Containers

Introduction

A full width container with a central column, set at the top level and wrap content.

Multiple containers can be used to change the background colour or the width of the central column.

Containers can only be used at the top level of the context.

Body

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

Style

container

Components

This can contain all standard components.

Example .json

  {
    "type": "container",
    "body":{},
    "style": {
      "container": {
        "width": "650",
        "background": {
          "color": "#eeeeee"
        },
        "border": {
          "color": "",
          "width": "",
          "style": "",
          "radius": ""
        },
        "boxShadow": {
          "horizontalOffset": "",
          "verticalOffset": "",
          "blur": "",
          "spread": "",
          "color": ""
        },
        "font": {
          "color": "#eeeeee",
          "decoration": "",
          "family": "Arial, Helvetica, sans-serif",
          "style": "",
          "weight": "",
          "size": "16",
          "align": "center"
        }
      },
      "containerBackground":{
        "background":{
          "color":"#666666"
        }
      }
    },
    "components":[

    ]
  }