| Account | Plan | Amount |
|---|---|---|
| Atlas Labs | Scale | $820 |
| Northwind | Pro | $420 |
| Stoic & Co. | Starter | $120 |
Three-column data table with a title, quiet column headers, and right-aligned amounts in each row.
The import and the props worth knowing about, in one place.
import { Dashboard28 } from "@/components/beste/piece/dashboard28";
<Dashboard28
surface="card"
bordered={false}
inverted={false}
title="Recent invoices"
accountHeader="Account"
planHeader="Plan"
amountHeader="Amount"
rows={[
{
"name": "Atlas Labs",
"plan": "Scale",
"amount": "$820"
},
{
"name": "Northwind",
"plan": "Pro",
"amount": "$420"
},
{
"name": "Stoic & Co.",
"plan": "Starter",
"amount": "$120"
}
]}
/>