100 #permalink Badges

Examples

Default styling

obacht!

.badge--primary

"Primary"

obacht!

.badge--secondary

"Secondary" (weniger prominent als Primary)

obacht!

.badge--success

Erfolg | Hinweis

obacht!

.badge--info

Info | Hinweis

obacht!

.badge--warning

Warnung

obacht!

.badge--danger

krasse Warnung

obacht!

.badge--smaller

etwas kleiner

obacht!

.badge--shadow

mit Schatten

obacht!

.badge--uppercased

alles groß geschrieben

obacht!

.badge--superscripted

etwas hochgestellt (parent sollte overflow: visible sein)

obacht!

Markup

<div class="mt3">
    <span class="badge [modifier class]">obacht!</span>
</div>

Source: src/components/_badges.scss, line 1