指标卡片
带增减芯片的 KPI 统计卡行。
带增减芯片的 KPI 统计卡行。
Customers
14,592
+5.3%Unit sold
385
-2.1%Orders
1,394
0.00%Support tickets
708
+12.8%安装
npx @joyui/cli add stat-cards --yes或通过 JoyUI MCP / CLI 安装。
应用场景
用于仪表盘 KPI 区:传入业务 series 即可替换演示数据,详见下方数据项 / API。
上方预览中的文案、选项与数据均可替换为业务配置;不要复制写死的演示常量到生产。
API
StatCards
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| items | KPI 卡片数据(若组件支持传入)。 | StatItem[] | — | 内置演示 |
| className | 合并到根节点的额外类名。 | string | — | — |