Skip to Content
JoyUI

指标卡片

带增减芯片的 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
参数说明类型可选值默认值
itemsKPI 卡片数据(若组件支持传入)。StatItem[]—内置演示
className合并到根节点的额外类名。string——