Badge: Default

Ready

HTML
View
Context
Info
Notes


        
        <h3>Basic Badge</h3>
<span class="hgm-badge">Some Label</span>

<br><br>

<h3>Basic Badge - Pill Shape</h3>
<span class="hgm-badge pill">Some Label (Pill)</span>

<!--<h3>Clickable badge</h3>-->
<!--<a href="#" class="hgm-button">Notifications <span class="hgm-badge">6</span></a>-->


        <h3>Basic Badge</h3>
<span class="hgm-badge">Some Label</span>

<br><br>

<h3>Basic Badge - Pill Shape</h3>
<span class="hgm-badge pill">Some Label (Pill)</span>

<!--<h3>Clickable badge</h3>-->
<!--<a href="#" class="hgm-button">Notifications <span class="hgm-badge">6</span></a>-->


        
            
            /* No context defined. */

Handle: @badge--default
Variants (3): Default , Colors , Within Title
Preview:
- With layout
- Component only
Filesystem Path: assets/hg-mercury-theme-engine/styleguide/01-base/badge/badge.hbs

No notes defined.