[axon_row]
[axon_col_full class=”” animate=””]
[axon_toggle title=”Button Shortcode” icon=”fa-code” state=”closed”]
[axon_code][+axon_button color=”” size=”” label=”” icon=”” link=”#” target=”” type=”” class=””][/axon_code]
color : default | blue | cyan | emerald | green | grey | orange | yellow
size: small | medium | large
label: label text of button
icon: name of icon
link: link to url
target: _blank (link open in the new tab) or _self (link open in the same tab)
type: square | radius | round
class: name of button class
[/axon_toggle]
[axon_spacer height=”20″]
[axon_tabs menu_position=”right” showicon=”yes”]
[axon_tab title=”Predifined Buttons” icon=”linea-software_paintbrush”]
[axon_heading tag=”h3″]Pedifined Buttons[/axon_heading]
[axon_button color=”” size=”medium” label=”Default” icon=”” link=”” target=”_blank” type=”square” class=””] [axon_button color=”red” size=”medium” label=”Red” icon=”” link=”#” target=”_blank” type=”square” class=””] [axon_button color=”blue” size=”medium” label=”Blue” icon=”” link=”#” target=”_blank” type=”square” class=””] [axon_button color=”cyan” size=”medium” label=”Cyan” icon=”” link=”#” target=”_blank” type=”square” class=””] [axon_button color=”emerald” size=”medium” label=”Emerald” icon=”” link=”#” target=”_blank” type=”square” lass=””] [axon_button color=”green” size=”medium” label=”Green” icon=”” link=”#” target=”_blank” type=”square” class=””] [axon_button color=”grey” size=”medium” label=”Grey” icon=”” link=”” target=”_blank” type=”square” class=””]
[axon_button color=”orange” size=”medium” label=”Orange” icon=”” link=”#” target=”_blank” type=”square” class=””] [axon_button color=”yellow” size=”medium” label=”Yellow” icon=”” link=”#” target=”_blank” type=”square” class=””]
[axon_heading tag=”h3″]Buttons Type[/axon_heading]
[axon_button color=”blue” size=”medium” label=”Square Button” icon=”” link=”#” target=”_blank” type=”square” class=””] [axon_button color=”emerald” size=”medium” label=”Round Button” icon=”” link=”#” target=”_blank” type=”round” class=””] [axon_button color=”green” size=”medium” label=”Radius Button” icon=”” link=”#” target=”_blank” type=”radius” class=””]
[axon_heading tag=”h3″]Buttons Size[/axon_heading]
[axon_button color=”red” size=”small” label=”Small Button” icon=”” link=”” target=”_blank” type=”square” class=””] [axon_button color=”cyan” size=”medium” label=”Medium Button” icon=”” link=”” target=”_blank” type=”square” class=””] [axon_button color=”grey” size=”large” label=”Large Button” icon=”” link=”” target=”_blank” type=”square” class=””]
[/axon_tab]
[axon_tab title=”Button with Icon” icon=”linea-software_paintroller”]
[axon_heading tag=”h3″]Buttons with Icon[/axon_heading]
[axon_button color=”blue” size=”small” label=”Button Group” icon=”fa-chevron-right” link=”#” target=”_blank” type=”radius” class=”button-group”] [axon_button color=”cyan” size=”medium” label=”Button Group” icon=”fa-chevron-right” link=”#” target=”_blank” type=”radius” class=”button-group”] [axon_button color=”red” size=”large” label=”Button Group” icon=”fa-chevron-right” link=”#” target=”_self” type=”radius” class=”button-group”]
[axon_button color=”emerald” size=”small” label=”Button Group” icon=”fa-chevron-right” link=”#” target=”_blank” type=”radius” class=”button-group”] [axon_button color=”green” size=”medium” label=”Button Group” icon=”fa-chevron-right” link=”#” target=”_blank” type=”radius” class=”button-group”] [axon_button color=”grey” size=”large” label=”Button Group” icon=”fa-chevron-right” link=”#” target=”_self” type=”radius” class=”button-group”]
[axon_button color=”orange” size=”small” label=”Button Group” icon=”fa-chevron-right” link=”#” target=”_blank” type=”radius” class=”button-group”] [axon_button color=”yellow” size=”medium” label=”Button Group” icon=”fa-chevron-right” link=”#” target=”_blank” type=”radius” class=”button-group”] [axon_button color=”” size=”large” label=”Button Group” icon=”fa-chevron-right” link=”#” target=”_self” type=”radius” class=”button-group”]
[axon_code][+axon_button color=”” size=”” label=”” icon=”fa-chevron-right” link=”#” target=”” type=”” class=”button-group”][/axon_code]
Note*
Required class name “button-group”
[/axon_tab]
[axon_tab title=”Button Style” icon=”linea-software-horizontal_align_left”]
[axon_heading tag=”h3″]Buttons Border[/axon_heading]
[axon_button color=”blue” size=”medium” label=”Square Button Border” icon=”” link=”#” target=”_blank” type=”square” class=”button-border”] [axon_button color=”cyan” size=”medium” label=”Round Button Border” icon=”” link=”#” target=”_blank” type=”round” class=”button-border”] [axon_button color=”red” size=”medium” label=”Radius Button Border” icon=”” link=”#” target=”_blank” type=”radius” class=”button-border”]
[axon_button color=”emerald” size=”small” label=”Square Button Border” icon=”” link=”#” target=”_blank” type=”square” class=”button-border”] [axon_button color=”green” size=”medium” label=”Round Button Border” icon=”” link=”#” target=”_blank” type=”round” class=”button-border”] [axon_button color=”grey” size=”medium” label=”Radius Button Border” icon=”” link=”#” target=”_blank” type=”radius” class=”button-border”]
[axon_button color=”orange” size=”medium” label=”Square Button Border” icon=”” link=”#” target=”_blank” type=”square” class=”button-border”] [axon_button color=”yellow” size=”medium” label=”Round Button Border” icon=”” link=”#” target=”_blank” type=”round” class=”button-border”] [axon_button color=”” size=”medium” label=”Radius Button Border” icon=”” link=”#” target=”_blank” type=”radius” class=”button-border”]
[axon_code][+axon_button color=”” size=”” label=”” icon=”” link=”#” target=”” type=”” class=”button-border”][/axon_code]
Note*
Required class name “button-border”
[/axon_tab]
[/axon_tabs]
[/axon_col_full]
[/axon_row]
[axon_spacer height=”20″]
[axon_row class=””]
[axon_col_13 class=”medium-4″ animate=””]
[axon_heading tag=”h5″]Disc List[/axon_heading]
[axon_code][+axon_list type=”disc”]..[/axon_list][/axon_code]
[axon_list type=”disc”]
- List item
- List item
- List item
[/axon_list]
[/axon_col_13]
[axon_col_13 class=”medium-4″ animate=””]
[axon_heading tag=”h5″]Square List[/axon_heading]
[axon_code][+axon_list type=”square”]..[/axon_list][/axon_code]
[axon_list type=”square”]
- List item
- List item
- List item
[/axon_list]
[/axon_col_13]
[axon_col_13 class=”medium-4″ animate=””]
[axon_heading tag=”h5″]No Bullet List[/axon_heading]
[axon_code][+axon_list type=”nobullet”]..[/axon_list][/axon_code]
[axon_list type=”nobullet”]
- List item
- List item
- List item
[/axon_list]
[/axon_col_13]
[/axon_row]
[axon_row class=””]
[axon_col_13 class=”medium-4″ animate=””]
[axon_heading tag=”h5″]Arrow List[/axon_heading]
[axon_code][+axon_list type=”arrow”]..[/axon_list][/axon_code]
[axon_list type=”arrow”]
- List item
- List item
- List item
[/axon_list]
[/axon_col_13]
[axon_col_13 class=”medium-4″ animate=””]
[axon_heading tag=”h5″]Check List[/axon_heading]
[axon_code][+axon_list type=”check”]..[/axon_list][/axon_code]
[axon_list type=”check”]
- List item
- List item
- List item
[/axon_list]
[/axon_col_13]
[axon_col_13 class=”medium-4″ animate=””]
[axon_heading tag=”h5″]Plus List[/axon_heading]
[axon_code][+axon_list type=”plus”]..[/axon_list][/axon_code]
[axon_list type=”plus”]
- List item
- List item
- List item
[/axon_list]
[/axon_col_13]
[/axon_row]
[axon_row class=””]
[axon_col_13 class=”medium-4″ animate=””]
[axon_heading tag=”h5″]Star List[/axon_heading]
[axon_code][+axon_list type=”star”]..[/axon_list][/axon_code]
[axon_list type=”star”]
- List item
- List item
- List item
[/axon_list]
[/axon_col_13]
[axon_col_13 class=”medium-4″ animate=””]
[axon_heading tag=”h5″]Pin List[/axon_heading]
[axon_code][+axon_list type=”pin”]..[/axon_list][/axon_code]
[axon_list type=”pin”]
- List item
- List item
- List item
[/axon_list]
[/axon_col_13]
[axon_col_13 class=”medium-4″ animate=””]
[axon_heading tag=”h5″]Flag List[/axon_heading]
[axon_code][+axon_list type=”flag”]..[/axon_list][/axon_code]
[axon_list type=”flag”]
- List item
- List item
- List item
[/axon_list]
[/axon_col_13]
[/axon_row]