Presentation components

Text

{ "type": "text","text": "This is a header","style": "header" }

style: "header" / "paragraph" / ""

align: "center" / "left" / "right"

Data-Table

{ "type": "data-table",
    "items": [{"type": "field-value","field": "Key","value": "Value 1"},
        {"type": "field-value","field": "Key","value": "Value 2"},
        {"type": "field-value","field": "Key","value": "Value 3 which is a very long value that will exhibit different behaviours to the other values"}
    ]
},

Image

{
    "type": "image",
    "url": "https://via.placeholder.com/150",
    "height": 64,
    "width": 64,
    "align": "left",
    "rounded": true
},

"align": "center", "rounded": true

Spacer

{"type": "spacer","size": "xs"},

size: xs, s, sm, m, l, xl

Divider

{"type": "separator"}