group
The group widget allows widgets to be combined to create a single widget. The group widget can be used only on sizes: 2x4, 4x2, and 4x4.
Core structure | |
children | The children property includes all available widgets- combining two widgets is typical for group widgets. |
Other options | |
footer | Add text to the footer of the widget |
footerAlign | Align the footer text to left, right, center. |
placeholders | Specify a placeholder text to display if there is no data, for example - title: No data to display |
split | The option to group the widgets vertically or horizontally. By default, widgets are grouped vertically. |
Group with chart and list (size: 4x4, split: horizontal)
![Horizontal split widget group Horizontal split widget group](https://images.archbee.com/x7vdIDH6-ScTprfmi2XXX/vZSpwck06Npdts3BCYNB1_group-wiphone13blueportrait.png?format=webp)
For the 4x4 widget, we have a split option. In this property, a vertical or horizontal layout is possible for the widget. In this example, a combination of a chart and a list are used in a horizontal split.
Examples: See the full example using static data in GitHub.
Group with chart and list (size: 4x4, split: vertical)
![Vertical split widget group Vertical split widget group](https://images.archbee.com/x7vdIDH6-ScTprfmi2XXX/vblqyuZ8bZ3CsaQOHpbU3_verticalgroupiphone13blueportrait.png?format=webp)
In this example, a combination of a chart and list was configured with a vertical split.
Examples: See the full example using static data in GitHub.
Group with avatar and list (size: 4x2)
![Group widget with avatar and list Group widget with avatar and list](https://images.archbee.com/x7vdIDH6-ScTprfmi2XXX/Ku31Kug--owZX3VQ_NC2G_4x2iphone13blueportrait.png?format=webp)
Group with value and bar-chart (size: 2x4)
![Group with value and bar-chart Group with value and bar-chart](https://images.archbee.com/x7vdIDH6-ScTprfmi2XXX/_nW2If-8vWWmlEVdp0SmL_2x4iphone13blueportrait.png?format=webp)
![Doc contributor](https://s3.amazonaws.com/archbee-animals/rabbit.png)