徽章是 Nimbus ↗ 提供的内置组件。例如,使用它们来表示产品处于 Beta 阶段。
import { Badge } from "~/components";
<Badge text="Note" variant="note" />
<Badge text="Success" variant="success" />
<Badge text="Tip" variant="tip" />
<Badge text="Caution" variant="caution" />
<Badge text="Danger" variant="danger" />
<Badge text="Default" />可以通过页面 frontmatter 将徽章添加到侧边栏。
---
title: Hello World
sidebar:
badge:
variant: tip
text: New
---如果您想向产品添加 Beta 徽章,请省略 variant: 条目:
---
title: Hello World
sidebar:
badge:
text: Beta
---