blockbox

Buttons

Button styles for actions in forms, dialogs, and more with a handful of variations, sizes, states, and more.

Basic Buttons

Six predefined button styles, each serving its own semantic purpose.

Classname Value
class="btn btn-[value]"
class="btn btn-outline-[value]"
primary | success | warning | info | inverse | gray-light | pink | yellow | orange | maroon | teal

Buttons With Icons

A basic buttons but with icons

Button Icon Only

A basic buttons but using only icon without text.



Button Groups

A button grouping variations.

© 2017. Blockbox UI. All Rights Reserved. Developed by ThemePixels