Badge

Displays a badge with different state in your body markdown.

Example

Markdown usage

{{< badge text="Lorem ipsum" state="warning" >}}

HTML rendered

<span class="badge text-bg-warning">Lorem</span>

Visual renderer

Lorem ipsum

Datas

text: ""
state:
  [
    "danger",
    "dark",
    "info",
    "light",
    "primary",
    "secondary",
    "success",
    "warning",
  ]

CMS

  • Hugolify admin Available
  • Decap CMS Not available