Visio Buttons

Default buttons

Visio buttons are highly customizable. You have a variety of colors to choose from. The colors values can be easily changed from the variables file. Click here to open the class helper table

Base colors

Pre-defined colors

Button sizes

You have 5 button sizes available: .btn-xs (extra small), .btn-sm (small), .btn (default), .btn-lg (large) and .btn-xl (extra large). Use it on any of the buttons above.

Bordered buttons

Visio buttons are highly customizable. You have a variety of colors to choose from. The colors values can be easily changed from the variables file. Click here to open the class helper table

Base colors

Pre-defined colors

Button sizes

You have 5 button sizes available: .btn-xs (extra small), .btn-sm (small), .btn (default), .btn-lg (large) and .btn-xl (extra large). Use it on any of the buttons above.

Icon buttons

Boomerang buttons use Font Awesome icons. Check this link to get the icon you want. After that, get the icon class name and apply it next to btn-icon class as bellow

Base colors

Pre-defined colors

Button sizes

You have 5 button sizes available: .btn-xs (extra small), .btn-sm (small), .btn (default), .btn-lg (large) and .btn-xl (extra large). Use it on any of the buttons above.

Animated icon buttons

Boomerang buttons use Font Awesome icons. Check this link to get the icon you want. After that, get the icon class name and apply it next to btn-icon class as bellow

Base colors

Pre-defined colors

Button sizes

You have 5 button sizes available: .btn-xs (extra small), .btn-sm (small), .btn (default), .btn-lg (large) and .btn-xl (extra large). Use it on any of the buttons above.