uwc-dashboard component supports this popular UI pattern by hosting a grid of context-specific cards.

The card can contain any content desired including tables and charts. The dashboard cards optionally maximizable and sortable.

The dashboard is just a shorthand for:

<uwc-grid container sortable>...</uwc-grid>

A SortableConfig property can be passed to the dashboard, which has two settings:

  • handle (optional) selector to define what can be grabbed to trigger sort
  • filter (optional) selector of items to exclude

For all the grid settings options, please refer to the Grid Component

Dashboard with charts and tabular data