Button Secondary Inverse

No notes defined.

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

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

</button>

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

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

</button>

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

    <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 -btnSecondary -btnInverse">

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

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

</button>

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

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

</button>

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

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

</button>

<!-- Small Icon Left -->
<button type="button" class="sds-btn -btnSecondary -btnInverse -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 -btnSecondary -btnInverse -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 -btnSecondary -btnInverse -btnSmall" disabled>

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

</button>

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

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

</button>

<!-- No Padding -->
<button type="button" class="sds-btn -btnSecondary -btnInverse -noPadding">

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

</button>

<!-- No Padding Small -->
<button type="button" class="sds-btn -btnSecondary -btnInverse -noPadding -btnSmall">

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

</button>

{% include "@button" %}