Box
The Elements field inside a Box is simply an array that contains UI elements such as text, buttons, images, inputs, and more. These elements are arranged using the Box’s grid column system, allowing structured and customizable layouts inside a container.
| Field | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Defines the internal name of the Box container. |
| Elevation | Number | 0 | Sets the shadow depth beneath the box (higher = stronger shadow). |
| Color | Color | {color} | Background color of the box. |
| Cover | URL | {cover} | Optional background image placed behind all elements. |
| Size | Number | 0 | Controls the overall height of the box (0 = auto height). |
| Radius | Number | 12 | Sets the roundness of the box corners. |
| Margin | Number | 20 | Outer spacing around the box. |
| MarginLine | Number | 10 | Inner spacing between the box border and its content. |
| Columns | Number | 3 | Number of grid columns for arranging elements inside the box. |
| Elements | Array |
[] | A list of elements that will be displayed inside this box. |
🔗 Additional Resources
To learn how to build this same element using JSON coding, visit:
Develop the Box with JSON