Skip to content

Box

Box

A container will wrap the child. Example, can use this tile to decorate the child with a rounded rectangular border. Similar to https://mui.com/components/box/

Name Description
component box
child child widget to be wrapped
constraints box contraints, support minWidth, minHeight, maxWidth, maxHeight
styles this is from the Base object, showing here as an example
{
 "component": "box",
 "constraints": {
   "minWidth": "100px",
   "maxWidth": "100%",
   "minHeight": "100px",
   "maxHeight": "300px"
 },
 "styles": {
   "root": {
     "borderRadius": "25px",
     "padding": "10px 10px 10px 10px"
   }
 }
}