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.

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 :

Last updated