[row]

[column lg=”4″ md=”4″ size=”one-third”]

Default Button Components

[button color=”blue” size=”lg” link=”http://www.example.com” type=”default” target=”_blank” block=”true”]Default Large Button[/button]

[button color=”blue” size=”sm” link=”http://www.example.com” type=”default”  target=”_blank” border_radius=”4px”]Default Medium Button[/button]

[button color=”blue” size=”xs” link=”http://www.example.com” type=”default” target=”_blank” border_radius=””]Small Button[/button]

[/column]

[column lg=”4″ md=”4″ size=”one-third”]

Primary Buttons

[button color=”blue” size=”lg” link=”http://www.example.com” type=”primary” title=”” target=”_blank” border_radius=”” block=”true”]Primary Large Button[/button]

[button color=”blue” size=”sm” link=”http://www.example.com” type=”primary” title=”” target=”_blank” border_radius=”4px”]Primary Medium Button[/button]

[button color=”blue” size=”xs” link=”http://www.example.com” type=”primary” title=”” target=”_blank” border_radius=””]Small Button[/button]

[/column]

[column lg=”4″ md=”4″ size=”one-third”]

Success Buttons

[button color=”blue” size=”lg” link=”http://www.example.com” type=”success” title=”” block=”true” target=”_blank” border_radius=””]Success Large Button[/button]

[button color=”blue” size=”sm” link=”http://www.example.com” type=”success” title=”” block=”” target=”_blank” border_radius=”4px”]Success Medium Button[/button]

[button color=”blue” size=”xs” link=”http://www.example.com” type=”success” title=”” block=”” target=”_blank” border_radius=””]Small Button[/button]

[/column]

[/row]

[row]

[column lg=”4″ md=”4″ size=”one-third”]

Info Buttons

[button color=”blue” size=”lg” link=”http://www.example.com” type=”info” title=”” block=”true” target=”_blank” border_radius=””]Large Info Button[/button]

[button color=”blue” size=”sm” link=”http://www.example.com” type=”info” title=”” block=”” target=”_blank” border_radius=”3px”]Medium Size Info Button[/button]

[button color=”blue” size=”xs” link=”http://www.example.com” type=”info” title=”” block=”” target=”_blank”

border_radius=””]Small Button[/button]

 

[/column]

[column lg=”4″ md=”4″ size=”one-third”]

Warning Buttons

[button color=”blue” size=”lg” link=”http://www.example.com” type=”warning” title=”” block=”true” target=”_blank” border_radius=””]Large Info Button[/button]

[button color=”blue” size=”sm” link=”http://www.example.com” type=”warning” title=”” block=”” target=”_blank” border_radius=”3px”]Warning Medium Button[/button]

[button color=”blue” size=”xs” link=”http://www.example.com” type=”warning” title=”” block=”” target=”_blank” border_radius=””]Small Button[/button]

[/column]

[column lg=”4″ md=”4″ size=”one-third”]

Danger Buttons

[button color=”blue” size=”lg” link=”http://www.example.com” type=”danger” title=”” block=”true” target=”_blank” border_radius=””]Large Info Button[/button]

[button color=”blue” size=”sm” link=”http://www.example.com” type=”danger” title=”” block=”” target=”_blank” border_radius=”3px”]Warning Medium Button[/button]

[button color=”blue” size=”xs” link=”http://www.example.com” type=”danger” title=”” block=”” target=”_blank” border_radius=””]Small Button[/button]

[/column][/row]