@SPK@include("partials/main-header.html")
@SPK@include("partials/switcher.html") @SPK@include("partials/loader.html")
@SPK@include("partials/menu.html") @SPK@include("partials/header.html")
@SPK@include("partials/page-header.html", {"title": "Badges", "subtitle": 'Components'})

##### Default Badges

Primary Secondary Warning Danger Info Success Red Yellow Green Indigo Purple Pink Light Dark

##### Square Badges

Primary Secondary Warning Danger Info Success Red Yellow Green Indigo Purple Pink Light Dark

##### Default Light Colored Badges

Primary Secondary Warning Danger Info Success Red Yellow Green Indigo Purple Pink Light Dark

##### Square Light Colored Badges

Primary Secondary Warning Danger Info Success Red Yellow Green Indigo Purple Pink Light Dark

##### Outline Badges

Primary Secondary Warning Danger Info Success Red Yellow Green Indigo Purple Pink Light Dark

##### Square Outline Badges

Primary Secondary Warning Danger Info Success Red Yellow Green Indigo Purple Pink Light Dark

##### Badges with Max-Width

This content is a little bit longer. This content is a little bit longer. This content is a little bit longer. This content is a little bit longer. This content is a little bit longer. This content is a little bit longer.

##### Badge With Button

Notifications 5 Notifications 5 Notifications 5 Notifications 5 Notifications 5

##### Badges with Remove Buton

Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge

##### Badge With Indicator

Badge Badge Badge Badge Badge Badge Badge Badge Badge

##### Badge With Position

99+ 99+ 99+ 99+

##### Badge With Profile

Badge value Badge value Badge value Badge value

##### Customized Badges

Hot 13.2k Inbox 32

##### Working with icons

Connected
Attention
Loading
Disabled
14.5%
2%
37.3%
56%
@SPK@include("partials/headersearch_modal.html") @SPK@include("partials/footer.html")
@SPK@include("partials/commonjs.html") @SPK@include("partials/custom_switcherjs.html")