Badges

Default Badge

<span class="badge">Badge</span>

Sizes

Small

<span class="badge badge-s">Badge S</span>

Medium

<span class="badge badge-m">Badge M</span>

Large

<span class="badge badge-l">Badge L</span>

Badge sizes example

Styles

Badge styles example

Primary

<span class="badge badge-primary">Primary Badge</span>

Accent

<span class="badge badge-accent">Accent Badge</span>

Information

<span class="badge badge-info">Information Badge</span>

Success

<span class="badge badge-success">Sucess Badge</span>

Warning

<span class="badge badge-warning">Warning Badge</span>

Error

<span class="badge badge-error">Error Badge</span>