Table of Contents

Badge

Mikio Plugin

https://github.com/nomadjimbob/mikioplugin/wiki/Badge

Add a badge to your page or inside elements.

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

<heading>Example heading <badge>New</badge></heading>
<heading 2>Example heading <badge>New</badge></heading>
<heading 3>Example heading <badge>New</badge></heading>
<heading 4>Example heading <badge>New</badge></heading>
<heading 5>Example heading <badge>New</badge></heading>
<heading 6>Example heading <badge>New</badge></heading>

Button badges

Notifications 4 

<button large>Notifications <badge light>4</badge></button>

Button styles

Primary Secondary Success Danger Warning Info Light Dark 

<badge primary>Primary</badge>
<badge secondary>Secondary</badge>
<badge success>Success</badge>
<badge danger>Danger</badge>
<badge warning>Warning</badge>
<badge info>Info</badge>
<badge light>Light</badge>
<badge dark>Dark</badge>

Button styles (pill)

Primary Secondary Success Danger Warning Info Light Dark 

<badge primary>Primary</badge>
<badge secondary>Secondary</badge>
<badge success>Success</badge>
<badge danger>Danger</badge>
<badge warning>Warning</badge>
<badge info>Info</badge>
<badge light>Light</badge>
<badge dark>Dark</badge>

Button common attributes

Primary Primary Primary Primary 

<badge primary shadow>Primary</badge>
<badge primary width=10em>Primary</badge>
<badge primary width=10em text-right>Primary</badge>
<badge primary width=10em text-left>Primary</badge>

Attributes

pill: Uses the pill style for the badge (rounded corners)