Container

Containers group items together.

Interface

interface IContainer extends IElement {
  items: IElement[];
  horizontalAlignment?: HorizontalAlignment;
}

Example

Container
{
  "type": "Card",
  "body": [
    {
      "type": "Container",
      "onClick": {
        "type": "OpenUrl",
        "url": "{base.urls.detailUrl}"
      },
      "items": [
        {
          "type": "Image",
          "url": "{base.image.preview}"
        },
        {
          "type": "TextBlock",
          "text": "{base.category.text}",
          "style": {
            "fontSize": "13px"
          }
        }
      ]
    }
  ]
}

Properties

items

The card elements to render inside the container.

horizontalAlignment

Represents the horizontal alignment for the container