The tile a dashboard is made of
A widget is a titled tile: a heading, an optional count, and whatever the tile is about. Rows and groups fill it with a list, the grid packs a set of them into a board, and the translucent surface lets a page’s background through without losing the text.
A board
The grid packs tiles of different heights into columns with no holes beside the tall ones, and folds to one column as it narrows. Every figure here is made up.
Rows
A row is a leading mark, a title over a description, and a trailing fact. It is a link with an href, a button with a click handler, and a plain line otherwise, so a list only offers a target where there is somewhere to go.
// From the npm package
import { Widget } from 'rift-ds/components/Widget/Widget';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/widget.json