徽标 Badge

<span class="xxd-badge">草稿</span> <span class="xxd-badge" data-tone="success">已写入</span> <span class="xxd-badge" data-tone="warning">待更新</span> <span class="xxd-badge" data-appearance="dot" data-tone="success">运行中</span> <span class="xxd-badge" data-variant="new">新</span>

export function BadgeDemo() {
  return (
    <div className="flex gap-2">
      <Badge variant="secondary">草稿</Badge>
      <Badge variant="success">已写入</Badge>
      <Badge variant="warning">待更新</Badge>
    </div>
  );
}