[vc_row animation=”” panel_style=”uk-panel-space” add_container=”true”][vc_column][vc_custom_heading text=”Buttons” font_container=”tag:h2″ use_theme_fonts=”yes” layout_style=”uk-module-title” align=”wp-gaucho-heading-left” animation=”” css=”.vc_custom_1450235575889{margin-top: 25px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1452565502453{margin-top: 0px !important;margin-bottom: 47px !important;}”]To create a button, use element button and customize it using the various parameters available
Parameter | Description | Parameters |
---|---|---|
Style | Defines the button style or class | default, simple, primary, success, danger, link |
href | url link of the button | n/a |
Target | specifies where to open the linked document | _blank, _self, _parent, _top |
[/vc_column_text][vc_custom_heading text=”Button variations” font_container=”tag:h3″ use_theme_fonts=”yes” layout_style=”uk-module-title” align=”wp-gaucho-heading-left” animation=”” css=”.vc_custom_1450235585842{margin-top: 25px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}”][vc_btn title=”Default” style=” uk-button-default” css_animation=”” target=” _self” link=”url:%23||”][vc_btn title=”Primary” style=” uk-button-primary” css_animation=”” target=” _self” link=”url:%23||”][vc_btn title=”Success” style=” uk-button-success ” css_animation=”” target=” _self” link=”url:%23||”][vc_btn title=”Danger” style=” uk-button-danger ” css_animation=”” target=” _self” link=”url:%23||”][vc_btn title=”Simple” style=” uk-button-simple” css_animation=”” target=” _self” link=”url:%23||”][vc_btn title=”link” style=” uk-button-link ” css_animation=”” target=” _self” link=”url:%23||”][vc_custom_heading text=”Button sizes” font_container=”tag:h3″ use_theme_fonts=”yes” layout_style=”uk-module-title” align=”wp-gaucho-heading-left” animation=”” css=”.vc_custom_1451289826826{margin-top: 50px !important;margin-bottom: 5px !important;padding-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1451289859043{margin-bottom: 10px !important;}”]You can add different size classes to your button to create button size variation using the parameter Size
of Button
element[/vc_column_text][vc_row_inner][vc_column_inner][vc_btn title=”mini button” style=” uk-button-default” size=” uk-button-mini” css_animation=”” target=” _self” link=”url:%23||”][vc_btn title=”small button” style=” uk-button-default” size=” uk-button-small” css_animation=”” target=” _self” link=”url:%23||”][vc_btn title=”default button” style=” uk-button-default” css_animation=”” target=” _self” link=”url:%23||”][vc_btn title=”Large button” style=” uk-button-default” size=” uk-button-large ” css_animation=”” target=” _self” link=”url:%23||”][/vc_column_inner][/vc_row_inner][vc_custom_heading text=”Button with icons” font_container=”tag:h3″ use_theme_fonts=”yes” layout_style=”uk-module-title” align=”wp-gaucho-heading-left” animation=”” css=”.vc_custom_1450834647702{margin-top: 50px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}”][vc_btn title=”complete ” style=” uk-button-default” i_align=”right” i_icon_fontawesome=”fa fa-check” css_animation=”” target=” _self” link=”url:%23||” add_icon=”true”][vc_btn title=”events list ” style=” uk-button-success ” i_align=”right” i_icon_fontawesome=”fa fa-caret-down” css_animation=”” target=” _self” link=”url:%23||” add_icon=”true”][vc_btn title=” gallery” style=” uk-button-default” i_icon_fontawesome=”fa fa-camera” css_animation=”” target=” _self” link=”url:%23||” add_icon=”true”][vc_btn title=”Download ” style=” uk-button-link ” i_align=”right” i_icon_fontawesome=”fa fa-cloud-download” css_animation=”” target=” _self” link=”url:%23||” add_icon=”true”][/vc_column][/vc_row]