StatCard 统计卡标签 + 大数字 + 说明的指标卡,可以点击和列表筛选联动。复制 Markdown预览代码全部用户1,284本月新增 86正常1,201占 93.5%停用64近 7 天 3 个已锁定19密码错误次数过多 安装复制链接 pnpmnpmbunyarn手动复制代码pnpm dlx shadcn@latest add https://docs.linasan.cn/r/stat-card.json第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。 用法复制链接 复制代码import { StatCard, StatGrid } from '@/components/display/stat-card'; 属性复制链接 属性类型labelReactNodevalueReactNodehint?ReactNodeicon?ReactNodeactive?uniononClick?functionvalueClassName?stringclassName?stringchildren?ReactNodeVirtualList 虚拟列表只渲染可见行的长列表 hook:行高不一、保持锚点、跟随新内容、恢复滚动位置。StatusDot 状态点圆点 + 文字表示结果类状态;StatusPill 是胶囊样式。