跳转到内容
搜索文档

行内徽章

最后更新 查看 MarkdownAgent 设置

组件

要在 React 组件中采用此样式,请将 sl-badge 类应用到 span 元素。

import { InlineBadge } from '~/components';

### Alpha <InlineBadge preset="alpha" />

### Beta <InlineBadge preset="beta" />

### Deprecated <InlineBadge preset="deprecated" />

### Early Access <InlineBadge preset="early-access" />

### Legacy <InlineBadge preset="legacy" />

### Default <InlineBadge text="Default" />

输入

必须指定 preset,或者指定 textvariant

预设

  • alpha

    • 文本Alpha
    • 变体 success
  • beta

    • 文本Beta
    • 变体 caution
  • deprecated

    • 文本已弃用 (Deprecated)
    • 变体 danger
  • early-access

    • 文本Early Access
    • 变体 note
  • legacy

    • 文本旧版 (Legacy)
    • 变体 danger

文本

任何字符串。

变体

  • note

    • 颜色:蓝色
  • tip

    • 颜色:紫色
  • danger

    • 颜色:红色
  • caution

    • 颜色:橙色
  • success

    • 颜色:绿色

这篇文档对您有帮助吗?