徽章

variant 参数表示颜色

• 注释
• 成功
• 提示
• 注意
• 危险

size 参数表示宽度大小

• 新
• 更新更强
• 更新更强更逼格

通过使用任何其他 <span>属性（例如带有自定义 CSS 的 class 或 style）来自定义徽章。

自定义

提示

import { Badge } from '@astrojs/starlight/components';

variant 参数表示颜色
- <Badge text="注释" variant="note" />
- <Badge text="成功" variant="success" />
- <Badge text="提示" variant="tip" />
- <Badge text="注意" variant="caution" />
- <Badge text="危险" variant="danger" />

size 参数表示宽度大小
- <Badge text="新" size="small" />
- <Badge text="更新更强" size="medium" />
- <Badge text="更新更强更逼格" size="large" />

通过使用任何其他 \<span>属性（例如带有自定义 CSS 的 class 或 style）来自定义徽章。
<Badge text="自定义" variant="success" style={{ fontStyle: 'italic' }} />