School of the Osage » Wiki

Home of the Indians

User Tools

Site Tools

You are here: Start » Wiki » Syntax » Badge
wiki:syntax:badge

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)

wiki/syntax/badge.txt · Last modified: Sunday, July 16, 2023 11:44 PM by Nathan C. McGuire