Default

These are the default badge style.

Primary Success Danger Warning Info Light Dark

Colors

Select between any color you want.

Primary Secondary Tertiary Quaternary

Sizes

These are the sizes available for the badges.

Primary XS Primary SM Primary MD Primary LG Primary XL

Modern

Modern style alternative, with any skin color.


Headings

Using the badges inside the headings.

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

Default

These are the default button style, select between any color you want.


Rounded

Rounded button style using any color from skin.


Square

Square button style using any color from skin.


Outline

Outline button style using any color from skin.


Outline Rounded

Same as default outline but with rounded borders.


Outline Square

Same as default outline but with square borders.


3D

Alternative 3d style with any skin color.


3D Rounded

Same as default 3D but with rounded borders.


3D Square

Same as default 3D but with square borders.


Modern

Modern style alternative, with any skin color.


Modern Rounded

Same as default modern style but with rounded borders.


Modern Square

Same as default modern style but with square borders.


Gradient

Gradient style alternative, using the skin color.


Gradient Outline

Same as default gradient style but with outline borders.


Shadow

Shadow style alternative, using the skin color.


Disabled


Block Buttons

Primary

Dropdown Buttons



Arrow Buttons Outline

Primary Secondary Tertiary Quartenary Dark





Buttons With Badge

Purchase Only $16

Circle Buttons


map
pin
doc
cup
bag
tag
ban
eye
key