Basic Component

Alert Button Badges Breadcrumb Cards Color Collapse Carousel Dropdowns Offcanvas Pagination Progress List group Modal Spinner Tabs & pills Tooltip Toasts Typography Other

Advance Component

Sweet alert Datepicker Lightbox Model Notification Range slider Slider Syntax Highlighter Tour Tree view

Explore Components

Badges

Documentation and examples for badges, our small count and labeling component.

Reference

Basic Badges

Example heading New

Button Badges

Contextual Variations

Primary Secondary Success Danger Warning Info Light Dark

Pill Badges

Primary Secondary Success Danger Warning Info Light Dark

Light variant

Primary Secondary Success Danger Warning Info Light Dark

Theme Layout
Choose your layout

Direction

RTL
Theme Mode
Choose light or dark mode

Light Dark
Color Scheme
Choose your primary theme color

Theme 1 Theme 2 Theme 3 Theme 4 Theme 5 Theme 6 Theme 7 Theme 8 Theme 9
Layout Width
Choose fluid or container layout

Fluid Container
Font Family
Choose your font family.

AaPublic Sans AaRoboto AaPoppins AaInter

Basic Component

Advance Component

Badges

Basic Badges

Example heading New