Grid
Lay widgets out in equal-width columns. Wrap any components in <Grid>; set
cols (default 2) and an optional gap.
<Grid cols=2>
<Counter data={downloads_total} column="downloads" label="Downloads" />
<Counter data={downloads_total} column="months" label="Months" />
</Grid>Downloads
Months
A child can span more than one column with col-span=:
| Attribute | Purpose |
|---|---|
cols / columns |
Number of equal columns (default 2). |
gap |
CSS gap between cells. |
Charts inside a grid honor col-span= to span multiple columns. In a printed/PDF
export the grid stacks to one widget per row automatically.