Button Primary

No notes defined.

<!-- Default -->
<button type="button" class="sds-btn -btnPrimary">

    <span class="sds-btn__text">button text</span>

</button>

<!-- Full Width -->
<button type="button" class="sds-btn -btnPrimary -block">

    <span class="sds-btn__text">button text</span>

</button>

<!-- Icon Left -->
<button type="button" class="sds-btn -btnPrimary">

    <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 -btnPrimary">

    <span class="sds-btn__text">button text</span>

    <span class="sds-icon sds-icon-adviser"></span>

</button>

<!-- Disabled -->
<button type="button" class="sds-btn -btnPrimary" disabled>

    <span class="sds-btn__text">button text</span>

</button>

<!-- Icon Left Disabled -->
<button type="button" class="sds-btn -btnPrimary" 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 -btnPrimary" 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 -btnPrimary -btnSmall">

    <span class="sds-btn__text">button text</span>

</button>

<!-- Small Disabled -->
<button type="button" class="sds-btn -btnPrimary -btnSmall" disabled>

    <span class="sds-btn__text">button text</span>

</button>

<!-- Loading -->
<button type="button" class="sds-btn -btnPrimary -isLoading" disabled>

    <span class="sds-btn__text">button text</span>

</button>

{% include "@button" %}