logo
努力加载中 ……

徽章

原创shentuzhigang9/25/2022, 1:00:16 PM190几秒

徽章

在MarkDown中使用徽章

属性

text 必填

  • 类型:string

  • 默认值:“”

    徽章文字内容

type

  • 类型:"tip" | "wraning" | "danger"

  • 默认值:"tip"

    徽章类型

    • tip
    • warn
    • error

color 可选

  • 类型:string

    徽章颜色,CSS合法的颜色值

vertical

  • 类型:"top" | "middle" | "bottom" | undefined

  • 默认值:"undefined"

    徽章垂直方向的位置

    • 顶部top
    • 居中middle
    • 底部bottom

is-dot

  • 类型:Boolean

  • 默认值:true

    不显示 text 内容,显示一个小圆点

小红点

使用

在MarkDown中为标题或链接添加一些状态

### Badge <Badge text="Building" type="warning" /> <Badge text="Starzkg" color="grey" />

示例

  • type
  • color