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

Heading Badge New MrHope

Badge Test Building MrHope

Demo

## Heading Badge <Badge text="New" type="tip" /> <Badge text="MrHope" color="grey" />

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

Options

textRequiredstring

Text of the badge.

type"tip" | "warning" | "danger" | "important" | "info" | "note"

Default"info"

Badge type:

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

colorstring

Badge color, please fill in CSS color strings.

vertical"top" | "middle" | "baseline" | "bottom"

Vertical position of the badge.