Dashboard 28 - Customer directory with metrics and sheet editor

Pro

A customer directory with KPI sparklines, status tabs, value filters, a sortable table, and an inline sheet for add and edit.

Shadcn Dashboard 28 block

Component data

ID
dashboard28
Access
pro
Created
Sep 14, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Dashboard 28 block design & features

Dashboard28 is a full-width customer directory built with shadcn/ui, stacking a page heading and create action above a four-metric KPI row, status tabs, search and filter controls, and a sortable customer table. Each row shows customer ID, avatar name, order count, lifetime spend, average order value, status badge, and last order date. Creating or editing a customer opens a wide sheet with basics, contacts, billing, shipping, saved cards, and notes. Mobile swaps the table for stacked customer cards.

The surface stays light with bordered metric panels and a muted table header. Status badges use soft emerald, amber, and rose fills. Sparklines sit beside each KPI value. Spacing is compact and operational rather than marketing-wide.

This reads as a standard ecommerce admin directory rather than a marketing section. The distinctive pieces are the value-band filter, column visibility menu, and the sheet editor living inside the same block. Complexity is high and content-driven: you need a customer roster, metric series, and editable profile fields to make it feel real.

On smaller screens the KPI row becomes a two-column card grid and the table becomes card list items with the same status and spend details.