跳到正文
Linasan UI

StatusDot 状态点

圆点 + 文字表示结果类状态;StatusPill 是胶囊样式。

成功发送中失败排队未知停用
运行中降级宕机
只要圆点

颜色只表示好 / 坏 / 进行中,文字不能省。tone:ok、warn、bad、info、muted、off。

安装

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>

属性

属性

类型

本页目录