fonteva-design-guide
Version:
## Dev, Build and Test
54 lines (53 loc) • 1.6 kB
HTML
<template>
<button
class={classes}
type={isSubmit}
onclick={startLoader}
name={name}
data-group={group}
disabled={disabled}
if:false={hasCref}
>
<template if:true={leftIcon}>
<lightning-icon
icon-name={icon}
size={iconSize}
variant={iconVariant}
alternative-text={iconLabel}
class={iconClass}
></lightning-icon>
</template>
<template if:true={imgSrc}>
<img />
</template>
<template if:true={label}>
<span class={labelClass}>{label}</span>
</template>
{ctext}
<slot></slot>
<template if:true={rightIcon}>
<lightning-icon
icon-name={iconRight}
size={iconRightSize}
variant={iconVariant}
alternative-text={iconRightLabel}
class={iconRightClass}
></lightning-icon>
</template>
<div class={loaderState} aria-hidden="true" aria-label={pfmLoaderStateLoading}>
<div class="pfm-button_dot"></div>
<div class="pfm-button_dot"></div>
<div class="pfm-button_dot"></div>
</div>
</button>
<button
class={classes}
type={isSubmit}
onclick={startLoader}
name={name}
data-group={group}
disabled={disabled}
if:true={hasCref}
lwc:dom="manual"
></button>
</template>