Button sizes

Standard buttons can change only 3 sizes without responsive behavior, with this component you can do it now.

<!-- Source -->
<button class="btn btn-secondary btn-1" type="button">Button</button>
<button class="btn btn-secondary btn-2" type="button">Button</button>
<button class="btn btn-secondary btn-3" type="button">Button</button>
<button class="btn btn-secondary btn-4" type="button">Button</button>
<button class="btn btn-secondary btn-5" type="button">Button</button>

Responsive

<!-- Responsive -->
<button class="btn btn-secondary btn-sm-1" type="button">Button</button>
<button class="btn btn-secondary btn-sm-2" type="button">Button</button>
<button class="btn btn-secondary btn-sm-3" type="button">Button</button>
<button class="btn btn-secondary btn-sm-4" type="button">Button</button>
<button class="btn btn-secondary btn-sm-5" type="button">Button</button>

<button class="btn btn-secondary btn-md-1" type="button">Button</button>
<button class="btn btn-secondary btn-md-2" type="button">Button</button>
<button class="btn btn-secondary btn-md-3" type="button">Button</button>
<button class="btn btn-secondary btn-md-4" type="button">Button</button>
<button class="btn btn-secondary btn-md-5" type="button">Button</button>

<button class="btn btn-secondary btn-lg-1" type="button">Button</button>
<button class="btn btn-secondary btn-lg-2" type="button">Button</button>
<button class="btn btn-secondary btn-lg-3" type="button">Button</button>
<button class="btn btn-secondary btn-lg-4" type="button">Button</button>
<button class="btn btn-secondary btn-lg-5" type="button">Button</button>

<button class="btn btn-secondary btn-xl-1" type="button">Button</button>
<button class="btn btn-secondary btn-xl-2" type="button">Button</button>
<button class="btn btn-secondary btn-xl-3" type="button">Button</button>
<button class="btn btn-secondary btn-xl-4" type="button">Button</button>
<button class="btn btn-secondary btn-xl-5" type="button">Button</button>