バッジは Nimbus ↗ が提供する組み込みコンポーネントです。たとえば、製品がベータであることを示すときに使います。
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
---