UI

Gradient Buttons

Gradient buttons

Simple Attractive Gradient buttons
Default
btn btn-gradient btn-gradient-* Primary Light Secondary Info Danger Warning Success Teal Purple dark pink
Sizes
btn btn-gradient btn-[lg][xl][sm] btn-gradient-* Small Default Large button Extra large
Small block Default block Large button block Extra large block
Icons default
btn btn-gradient btn-icon btn-gradient-* Primary Light Secondary Info Danger Warning Success Teal Purple dark pink
Icon Button Sizes
btn btn-gradient btn-icon btn-[lg][xl][sm] btn-gradient-* Small Default Large button Extra large
Small block Default block Large button block Extra large block
Icons Reverse
btn btn-gradient btn-icon btn-gradient-* Primary Light Secondary Info Danger Warning Success Teal Purple dark pink
Icon Reverse Button Sizes
btn btn-gradient btn-icon btn-[lg][xl][sm] btn-gradient-* Small Default Large button Extra large
Small block Default block Large button block Extra large block