KPI 指标卡排
横向 4 张 KPI 卡 · 大数字 + 环比 delta + 迷你 Sparkline 趋势。
安装与接入
数据来自本站 registry vv0.23.0,与 shadcn CLI 实际拉取的是同一份。
bash
npx shadcn@latest add https://hulianui.haloritual.com/zh/r/block-kpi-rail.json- 写入文件1 个
components/hulianui/blocks/kpi-rail.tsx
- 需要 Provider
ThemeProvider- 必须替换接入前逐项处理
- 文案示例数据
- npm 依赖
@hulianui/ui
装完验一遍
门禁按 conventions 的可执行规则扫描目标文件;错误级违规会以非零状态退出。
bash
npx -y @hulianui/guard components/hulianui/blocks/kpi-rail.tsx