penframe/examples/ast_button_align_test.json

A lightweight DSL-based wireframe and UI structure visualization tool.

[
  {
    "type": "config",
    "name": "pc",
    "width": 800,
    "height": 600,
    "title": "Button Alignment Test"
  },
  {
    "type": "button",
    "value": "Left (default)"
  },
  {
    "type": "button",
    "value": "Center",
    "align": "center"
  },
  {
    "type": "button",
    "value": "Right",
    "align": "right"
  },
  {
    "type": "button",
    "value": "Left + 20px",
    "align": "left",
    "x": 20
  },
  {
    "type": "button",
    "value": "Right - 20px",
    "align": "right",
    "x": -20
  },
  {
    "type": "button",
    "value": "Center + 50px",
    "align": "center",
    "x": 50
  }
]