StatusDot 状态点圆点 + 文字表示结果类状态;StatusPill 是胶囊样式。复制 Markdown预览代码成功发送中失败排队未知停用运行中降级宕机 只要圆点 颜色只表示好 / 坏 / 进行中,文字不能省。tone:ok、warn、bad、info、muted、off。 安装复制链接 pnpmnpmbunyarn手动复制代码pnpm dlx shadcn@latest add https://docs.linasan.cn/r/status-dot.json第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。 用法复制链接 复制代码import { StatusDot } from '@/components/display/status-dot'; <StatusDot tone="ok">成功</StatusDot> 属性复制链接 属性类型toneStatusTonechildrenReactNodeclassName?stringplain?unionStatCard 统计卡标签 + 大数字 + 说明的指标卡,可以点击和列表筛选联动。Timeline 时间线按时间排列的事件。