No notes defined.
<!-- Default -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary">
<span class="sds-btn__text">button text</span>
</button>
<!-- Full Width -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -block">
<span class="sds-btn__text">button text</span>
</button>
<!-- Icon Left -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary">
<span class="sds-icon sds-icon-adviser"></span>
<span class="sds-btn__text">button text</span>
</button>
<!-- Icon Right -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary">
<span class="sds-btn__text">button text</span>
<span class="sds-icon sds-icon-adviser"></span>
</button>
<!-- Disabled -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -isDisabled" disabled>
<span class="sds-btn__text">button text</span>
</button>
<!-- Icon Left Disabled -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -isDisabled" disabled>
<span class="sds-icon sds-icon-adviser"></span>
<span class="sds-btn__text">button text</span>
</button>
<!-- Icon Right Disabled -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -isDisabled" disabled>
<span class="sds-btn__text">button text</span>
<span class="sds-icon sds-icon-adviser"></span>
</button>
<!-- Big -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -btnBig">
<span class="sds-btn__text">button text</span>
</button>
<!-- Big Icon Left -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -btnBig">
<span class="sds-icon sds-icon-adviser"></span>
<span class="sds-btn__text">button text</span>
</button>
<!-- Big Icon Right -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -btnBig">
<span class="sds-btn__text">button text</span>
<span class="sds-icon sds-icon-adviser"></span>
</button>
<!-- Big Disabled -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -btnBig -isDisabled" disabled>
<span class="sds-btn__text">button text</span>
</button>
<!-- Big Icon Left Disabled -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -btnBig -isDisabled" disabled>
<span class="sds-icon sds-icon-adviser"></span>
<span class="sds-btn__text">button text</span>
</button>
<!-- Big Icon Right Disabled -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -btnBig -isDisabled" disabled>
<span class="sds-btn__text">button text</span>
<span class="sds-icon sds-icon-adviser"></span>
</button>
<!-- Small -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -btnSmall">
<span class="sds-btn__text">button text</span>
</button>
<!-- Small Icon Left -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -btnSmall">
<span class="sds-icon sds-icon-adviser"></span>
<span class="sds-btn__text">button text</span>
</button>
<!-- Small Icon Right -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -btnSmall">
<span class="sds-btn__text">button text</span>
<span class="sds-icon sds-icon-adviser"></span>
</button>
<!-- Small Disabled -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -btnSmall -isDisabled" disabled>
<span class="sds-btn__text">button text</span>
</button>
<!-- Loading -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -isLoading">
<span class="sds-btn__text">button text</span>
</button>
<!-- No Padding -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -noPadding">
<span class="sds-btn__text">button text</span>
</button>
<!-- No Padding Small -->
<button type="button" class="sds-btn -btnCta -btnCtaSecondary -noPadding -btnSmall">
<span class="sds-btn__text">button text</span>
</button>
{% include "@button" %}