Button Base Primary

No notes defined.

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

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

</button>

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

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

</button>

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

    <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 -btnBase -btnBasePrimary">

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

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

</button>

<!-- Disabled -->
<button type="button" class="sds-btn -btnBase -btnBasePrimary -isDisabled" disabled>

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

</button>

<!-- Icon Left Disabled -->
<button type="button" class="sds-btn -btnBase -btnBasePrimary -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 -btnBase -btnBasePrimary -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 -btnBase -btnBasePrimary -btnBig">

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

</button>

<!-- Big Icon Left -->
<button type="button" class="sds-btn -btnBase -btnBasePrimary -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 -btnBase -btnBasePrimary -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 -btnBase -btnBasePrimary -btnBig -isDisabled" disabled>

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

</button>

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

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

</button>

<!-- Small Disabled -->
<button type="button" class="sds-btn -btnBase -btnBasePrimary -btnSmall -isDisabled" disabled>

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

</button>

{% include "@button" %}