徽章

pill

语义色状态徽章，纪律：仅绿 / 黄 / 红 + 品牌 accent。

示例

默认正常警告异常强调

<div class="demo-row">
  <span class="pill">默认</span>
  <span class="pill ok">正常</span>
  <span class="pill warn">警告</span>
  <span class="pill bad">异常</span>
  <span class="pill accent">强调</span>
</div>

安装

bun add @icen.ai/ui
import '@icen.ai/ui/components/pill.css';

用法

<span class="pill ok">运行中</span>
<span class="pill warn">降级</span>
<span class="pill bad">已停止</span>