Badge

小号胶囊标签：22px，12/500。由文字承载含义。

InferenceActiveExpiringFailedSyncingPlatformNew

<div className="flex flex-wrap items-center gap-8">
      <Badge>Inference</Badge>
      <Badge tone="success">Active</Badge>
      <Badge tone="warning">Expiring</Badge>
      <Badge tone="danger">Failed</Badge>
      <Badge tone="info">Syncing</Badge>
      <Badge tone="outline">Platform</Badge>
      <Badge tone="ink">New</Badge>
    </div>

import { Badge } from "@logicplanes/kaeso-ui";

属性

children
ReactNode
徽标的文字，一到两个词。
tone
"neutral" | "success" | "warning" | "danger" | "info" | "outline" | "ink" = neutral
它标记的状态；旁边应有表达相同含义的文字。