Dashboard
an app’s home read from the top: the figures, then the chart, then the lists side by side
role: dashboard pages: app, home motion: none
Install
npx shadcn-vue@latest add @trame/saas-dashboard # Vue
npx shadcn@latest add @trame/saas-dashboard # React overview
@trame/saas-dashboard--overview an app’s home read from the top: the figures, then the chart, then the lists side by side
focus
@trame/saas-dashboard--focus what needs an answer today comes first and large, the figures a quiet strip under it, the chart and the latest records after
metric-tabs
@trame/saas-dashboard--metric-tabs one big chart for several measures: the chart and every figure with its own points become selectable tiles over a single plot, the other figures a quiet strip and the lists two columns under it
split
@trame/saas-dashboard--split a daily tool with a lot to scan: figures and chart in the main column, what needs attention and the quick actions in a side rail