Badge

Less than 1 minute

A badge which allows you to customize it’s color.

You can use it in Markdown to add some status for titles or links.

Demo

Badge Test Building MrHope

Badge Test <Badge text="Building" type="warning" /> <Badge text="MrHope" color="grey" />

Props

text

  • Type: string
  • Required: Yes

Text of the badge

type

  • Type: "tip" | "warning" | "danger" | "info" | "note"
  • Default: "info"

Badge types:

  • tip
  • warning
  • danger
  • info
  • note

color

  • Type: string
  • Required: No

Badge color, please fill in CSS color strings

vertical

  • Type: "top" | "middle"
  • Default: "top"

Vertical position of the badge

Loading...