Edge Insets

StacEdgeInsets.all(16.0)

16.0

StacEdgeInsets.symmetric(
  horizontal: 16.0,
  vertical: 8.0,
)

{
  "left": 16.0,
  "top": 8.0,
  "right": 16.0,
  "bottom": 8.0
}

StacEdgeInsets.only(
  left: 8.0,
  top: 16.0,
  right: 8.0,
  bottom: 24.0,
)

{
  "left": 8.0,
  "top": 16.0,
  "right": 8.0,
  "bottom": 24.0
}

StacEdgeInsets.horizontal(16.0)

{
  "left": 16.0,
  "right": 16.0
}

StacEdgeInsets.vertical(16.0)

{
  "top": 16.0,
  "bottom": 16.0
}

StacPadding(
  padding: StacEdgeInsets.all(16.0),
  child: StacText(data: 'Padded content'),
)

{
  "type": "padding",
  "padding": 16.0,
  "child": {
    "type": "text",
    "data": "Padded content"
  }
}

StacContainer(
  padding: StacEdgeInsets.symmetric(
    horizontal: 24.0,
    vertical: 16.0,
  ),
  margin: StacEdgeInsets.only(bottom: 8.0),
  child: StacText(data: 'Container content'),
)

{
  "type": "container",
  "padding": {
    "left": 24.0,
    "top": 16.0,
    "right": 24.0,
    "bottom": 16.0
  },
  "margin": {
    "bottom": 8.0
  },
  "child": {
    "type": "text",
    "data": "Container content"
  }
}