Badge

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