Default

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

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Rounded

Rounded button style using any color from skin.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Square

Square button style using any color from skin.

Primary  Secondary  Tertiary  Quaternary 

Success  Danger  Warning  Info  Light  Dark

Outline

Outline button style using any color from skin.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Outline Rounded

Same as default outline but with rounded borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Outline Square

Same as default outline but with square borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

3D

Alternative 3d style with any skin color.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

3D Rounded

Same as default 3D but with rounded borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

3D Square

Same as default 3D but with square borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Modern

Modern style alternative, with any skin color.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Modern Rounded

Same as default modern style but with rounded borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Modern Square

Same as default modern style but with square borders.

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Gradient

Gradient style alternative, using the skin color.

 

Primary  Secondary  Tertiary  

Gradient Outline

Same as default gradient style but with outline borders.

 

Primary  

Shadow

Shadow style alternative, using the skin color.

 

 

Primary  Secondary  Tertiary  Quaternary  

Success  Danger  Warning  Info  Light  Dark

Disbaled

Primary  Secondary  Tertiary  Quaternary

Block Buttons

Primary 

ERROR: Content Element with uid "9455" and type "ns_button" has no rendering definition!

ERROR: Content Element with uid "9456" and type "ns_button" has no rendering definition!

ERROR: Content Element with uid "9457" and type "ns_button" has no rendering definition!

Dropdown Buttons

Dropdown LinkDropdown Link

Arrow Buttons

Primary    Secondary    Tertiary    Quaternary   Dark  

Arrow Buttons Outline

Primary  Secondary  Tertiary  Quaternary Dark

Sizes

Extra Large Size  Extra Large Size  Extra Large Size

  Large Size Large Size​​​​​​  Large Size

Default Size  Default Size  Default Size

Small Size Small Size Small Size

Extra Small Size Extra Small Size Extra Small Size

Buttons Icons

Refresh  Cloud        GET STARTED NOW 

Buttons With Badge

PurchaseOnly $17