Badge

Primary Badge

Use the .badge class, followed by.badge-primaryclass within element to create primary badge.

Primary Badge

Secondary Badge

Use the .badge class, followed by.badge-secondaryclass within element to create secondary badge.

Secondary Badge

Success Badge

Use the .badge class, followed by.badge-successclass within element to create success badge.

Success Badge

Danger Badge

Use the .badge class, followed by.badge-dangerclass within element to create danger badge.

Danger Badge

Warning Badge

Use the .badge class, followed by.badge-warningclass within element to create warning badge.

Warning Badge

Info Badge

Use the .badge class, followed by.badge-infoclass within element to create info badge.

Info Badge

Light Badge

Use the .badge class, followed by.badge-lightclass within element to create light badge.

Light Badge

Dark Badge

Use the .badge class, followed by.badge-darkclass within element to create dark badge.

Dark Badge

Custom Pink Badge

Use the .badge class, followed by.bg-pinkclass within element to create pink badge.

Custom Pink Badge

Icons Badges

Square Icon Badge

Use the .badge class, followed by.badge-squareclass to square bordered badge.

Secondary Icon Badge

Use the .badge class, followed by.badge-secondaryclass within element to create secondary badge.

Round Icon Badge

Use the .badge class, followed by.round class for round warning badge.

Danger Icon Badge

Use the .badge class, followed by.badge-dangerclass within element to create danger badge.

Square Icon Badge

Use the .badge class, followed by.badge-square class to square bordered badge.

Round Icon Badge

Use the .badge class, followed by.round class for round warning badge.

Bordered Badges

Use the .badge-bordered with class .badge. Also use .border-COLOR class to add border and use .COLOR for text color

Primary Badge

Primary Badge

Danger Badge

Danger Badge

Success Badge

Success Badge

Info Badge

Info Badge

Warning Badge

Warning Badge

Custom Color Badge

Custom Color Badge

Bordered Icon badges

Default Primary Badge

Round Danger Badge

Square Success Badge

Default Info Badge

Square Warning Badge

Round Custom Badge

Navbar Color Options

Layout Options

Sidebar menu Background


Sidebar Background Image
background image
background image
background image
background image

Try Layout Builder