Badge

A badge which allows you to customize its color.

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

Demo

::: preview

Heading Badge New MrHope

Badge Test Building MrHope

:::

Props

text

• Type: string
• Required: Yes

Text of the badge

type

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

Badge types:

• tip
• warning
• danger
• important
• info
• note

color

• Type: string
• Required: No

Badge color, please fill in CSS color strings

vertical

• Type: "top" | "middle" | "baseline" | "bottom"
• Required: No

Vertical position of the badge