<{if $type == 'link'}> class="btn btn--<{$variant|default:'default'}> btn--<{$size|default:'md'}><{if $icon_prepend || $icon_append}> btn--has-icon<{/if}><{if $class}><{$class|indent:1}><{/if}>" <{if $xdata}>x-data="<{$xdata}>"<{/if}> <{if $xshow}>x-show="<{$xshow}>"<{/if}> <{if $xclick}>@click="<{$xclick}>"<{/if}> <{if $disabled}>disabled="<{$disabled}>"<{/if}> > <{if $icon_prepend && $icon_prepend != 'false'}> <{include file="components/svg.html" class="btn__icon btn__icon--prepend" icon=$icon_prepend}> <{/if}> <{if $text_hidden}> <{$text|default:'Button'|escape}> <{if $icon}> <{include file="components/svg.html" class="btn__icon btn__icon--alone" icon=$icon}> <{/if}> <{else}> :class="{'btn__text--has-loader' : ! !<{$xloader}>} "<{/if}> <{if $xtext}>x-text="<{$xtext}>"<{/if}> > <{$text|default:'Button'|escape}> <{/if}> <{if $icon_append && $icon_append != 'false'}> <{include file="components/svg.html" class="btn__icon btn__icon--append" icon=$icon_append}> <{/if}> <{if $xloader}> <{include file="components/svg.html" height="20" width="20" icon="loader" class="loader"}> <{/if}> <{if $type == 'link'}> <{else}> <{/if}>