Button Secondary

Refer to button frame found in view tab for complete structure without content. 
<!-- Default -->
<button type="button" class="sds-btn -btnSecondary">

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

</button>


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

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

</button>


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

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

    <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 -isDisabled" disabled>

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

</button>


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

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

</button>


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

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

</button>


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

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

</button>


<!-- Icon Left Collapse Trigger -->
<button type="button" class="sds-btn -btnSecondary -btnSmall -collapseTrigger">

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

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

</button>


{% include "@button" %}