This type of badge is mainly used for message notification in the header area of the application.
<div class="euaa-badge euaa-badge--number-notification">2</div>
Status Badges have different colours to highlight different statuses.
<div class="euaa-badge euaa-badge--primary">I am a badge</div>
<div class="euaa-badge euaa-badge--secondary">I am a badge</div>
<div class="euaa-badge euaa-badge--outline">I am a badge</div>
<div class="euaa-badge euaa-badge--success">I am a badge</div>
<div class="euaa-badge euaa-badge--alert">I am a badge</div>
<div class="euaa-badge euaa-badge--error">I am a badge</div>