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