[row]
[one_third]

Sizes

[button color=”normal” size=”tiny” link=”#”]Tiny[/button]

[button color=”normal” size=”small” link=”#”]Small[/button]

[button color=”normal” link=”#”]Medium[/button]

[button color=”normal” size=”large” link=”#”]Large One[/button]

[/one_third]
[one_third]

Colors

[button color=”normal” link=”#”]Regular[/button]

[button color=”secondary” link=”#”]Secondary[/button]

[button color=”success” link=”#”]Success[/button]

[button color=”alert” link=”#”]Alert[/button]

[/one_third]

[one_third]

Type

[button color=”normal” link=”#” type=”square”]Square[/button]

[button color=”normal” link=”#” type=”radius”]Radius[/button]

[button color=”normal” link=”#” type=”round”]Round[/button]

[/one_third]

[one_whole]

How?

[button color=”secondary” size=”large” link=”#” shape=”square”]Square[/button]

Add classes for size, type (color) and style (square, slightly rounded, and completely rounded) to achive what button you wish.
[/one_whole]

[row]
[one_whole]

Dropdown Buttons

[dropbuttongroup title=”Dropdown button”][dropbutton title=”Dropdown Item” url= “#” divider= “”]Dropdown Item[/dropbutton][dropbutton title=”Another dropdown item” url= “#” divider= “1”]Another dropdown item[/dropbutton][dropbutton title=”Last item” url= “#” divider= “1”]Last Item[/dropbutton][/dropbuttongroup]
[/one_whole]
[/row]

[row]
[one_whole]

How?

[dropbuttongroup title=”Dropdown button”]
[dropbutton title=”Dropdown Item” url= “#” divider= “”]Dropdown Item[/dropbutton]
[dropbutton title=”Another dropdown item” url= “#” divider= “1”]Another dropdown item[/dropbutton]
[dropbutton title=”Last item” url= “#” divider= “1”]Last Item[/dropbutton]
[/dropbuttongroup]

[/one_whole]
[/row]

[row]
[one_whole]

Split Buttons

[dropbuttongroup title=”Split button” type=”split”][dropbutton title=”Dropdown Item” url= “#” divider= “”]Split Item[/dropbutton][dropbutton title=”Another Split item” url= “#” divider= “1”]Another Split item[/dropbutton][dropbutton title=”Last item” url= “#” divider= “1”]Last Item[/dropbutton][/dropbuttongroup]
[/one_whole]
[/row]

[row]
[one_whole]

How?

[dropbuttongroup title=”Dropdown button”]
[dropbutton title=”Dropdown Item” url= “#” divider= “”]Dropdown Item[/dropbutton]
[dropbutton title=”Another dropdown item” url= “#” divider= “1”]Another dropdown item[/dropbutton]
[dropbutton title=”Last item” url= “#” divider= “1”]Last Item[/dropbutton]
[/dropbuttongroup]

[/one_whole]
[/row]