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.
-
Type:
IElement[]
-
Required: Yes
horizontalAlignment
Represents the horizontal alignment for the container
-
Type:
HorizontalAlignment
-
Required: No