(833) 888-2666 hello@myvivatel.com

Buttons

[row]

Sizes

Tiny Small Medium Large One

Colors

Regular Secondary Success Alert

Type

[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]