Бейджи

На этой странице приведены примеры бейджей для контентных страниц.

Стандартные бейджи (Solid)

<span class="badge badge-sm badge-theme">Theme</span>
<span class="badge badge-sm badge-success">Success</span>
<span class="badge badge-sm badge-danger">Danger</span>
<span class="badge badge-sm badge-warning">Warning</span>
<span class="badge badge-sm badge-neutral">Neutral</span>

Контурные бейджи (Outline)

<span class="badge badge-sm badge-outline-theme">Theme</span>
<span class="badge badge-sm badge-outline-success">Success</span>
<span class="badge badge-sm badge-outline-danger">Danger</span>
<span class="badge badge-sm badge-outline-warning">Warning</span>
<span class="badge badge-sm badge-outline-neutral">Neutral</span>

Мягкие бейджи (Soft)

<span class="badge badge-sm badge-soft-theme">Theme</span>
<span class="badge badge-sm badge-soft-success">Success</span>
<span class="badge badge-sm badge-soft-danger">Danger</span>
<span class="badge badge-sm badge-soft-warning">Warning</span>
<span class="badge badge-sm badge-soft-neutral">Neutral</span>

Размеры

<span class="badge badge-sm badge-theme">Small</span>
<span class="badge badge-md badge-theme">Medium</span>
<span class="badge badge-lg badge-theme">Large</span>

Примеры использования