Sections and cards
A DashboardContent is composed of sections and cards.
  • Each section has a title and cards disposed on a grid.
  • Each card is a white block organizing charts horizontally or vertically.
A dashboard with 2 sections, 5 cards, and charts
The size and position of each card is defined by a 12 column grid, with as many rows as needed. Cards size and position are set with {h,w,x,y} properties :
  • h is the number of rows that the card takes.
  • w is the number of columns that the card takes
  • {x,y} are the coordinates of the top left corner of the card on the grid
Here is a sample grid with five cards and their corresponding properties :
A sample grid with 5 cards
Last modified 8mo ago
Copy link