<div class="e-btn e-btn-dropdown">
  Button with dropdown
</div>

                          <div class="e-btn e-btn-dropdown">Button with dropdown</div>

<div class="e-btn e-btn-borderless">
  Button without border
</div>

                          <div class="e-btn e-btn-borderless">Button without border</div>

<div class="e-btn e-btn-onlyicon">
  <e-icon icon="cog"></e-icon>
</div>

                          <div class="e-btn e-btn-onlyicon">
                            <e-icon icon="cog"></e-icon>
                          </div>

<div id="button-loading-has-icon" class="e-btn">
  <div class="e-btn__loading">
    <e-spinner data-size="small"></e-spinner>
    <e-icon icon="cog"></e-icon>
  </div>
  Edit selected
</div>
<script>
  document.getElementById('button-loading-has-icon').addEventListener('click', toggleLoading);
</script>

                          <div id="button-loading-has-icon" class="e-btn">
                            <div class="e-btn__loading">
                              <e-spinner data-size="small"></e-spinner>
                              <e-icon icon="cog"></e-icon>
                            </div>Edit selected
                          </div>
                          <script>
                            document.getElementById('button-loading-has-icon').addEventListener('click', toggleLoading);
                            
                          </script>

<div id="button-loading-only-icon" class="e-btn e-btn-onlyicon">
  <div class="e-btn__loading">
    <e-spinner data-size="small"></e-spinner>
    <e-icon icon="cog"></e-icon>
  </div>
</div>
<script>
  document.getElementById('button-loading-only-icon').addEventListener('click', toggleLoading);
</script>

                          <div id="button-loading-only-icon" class="e-btn e-btn-onlyicon">
                            <div class="e-btn__loading">
                              <e-spinner data-size="small"></e-spinner>
                              <e-icon icon="cog"></e-icon>
                            </div>
                          </div>
                          <script>
                            document.getElementById('button-loading-only-icon').addEventListener('click', toggleLoading);
                            
                          </script>

<div id="button-loading-without-icon" class="e-btn">
  <div class="e-btn__loading">
    <e-spinner data-size="small"></e-spinner>
  </div>
  Edit selected
</div>
<script>
  document.getElementById('button-loading-without-icon').addEventListener('click', toggleLoading);
</script>

                          <div id="button-loading-without-icon" class="e-btn">
                            <div class="e-btn__loading">
                              <e-spinner data-size="small"></e-spinner>
                            </div>Edit selected
                          </div>
                          <script>
                            document.getElementById('button-loading-without-icon').addEventListener('click', toggleLoading);
                            
                          </script>

<div id="button-loading-overlay" class="e-btn e-btn-primary e-btn-has_overlay">
  <div class="e-btn__loading">
    <e-spinner data-size="small"></e-spinner>
  </div>
  Edit selected
</div>
<script>
  document.getElementById('button-loading-overlay').addEventListener('click', toggleLoading);
</script>

                          <div id="button-loading-overlay" class="e-btn e-btn-primary e-btn-has_overlay">
                            <div class="e-btn__loading">
                              <e-spinner data-size="small"></e-spinner>
                            </div>Edit selected
                          </div>
                          <script>
                            document.getElementById('button-loading-overlay').addEventListener('click', toggleLoading);
                            
                          </script>

<button disabled class="e-btn">
  Disabled button
</button>

                          <button disabled class="e-btn">Disabled button</button>

<div class="e-btn e-btn-small">
  Small button
</div>

                          <div class="e-btn e-btn-small">Small button</div>

<div class="e-btn e-btn-large">
  Large button
</div>

                          <div class="e-btn e-btn-large">Large button</div>

<button class="e-btn e-btn-large e-btn-extended">
  Extended button
  <small>
    Second row
  </small>
</button>

                          <button class="e-btn e-btn-large e-btn-extended">Extended button<small>Second row</small></button>

<button class="e-btn e-btn-narrow">
  Extended button
</button>

                          <button class="e-btn e-btn-narrow">Extended button</button>

<div class="e-btn e-btn-onlyicon e-btn-narrow">
  <e-icon icon="caret-right"></e-icon>
</div>

                          <div class="e-btn e-btn-onlyicon e-btn-narrow">
                            <e-icon icon="caret-right"></e-icon>
                          </div>

<div class="e-btn e-btn-fullwidth">
  Full width button
</div>

                          <div class="e-btn e-btn-fullwidth">Full width button</div>

<div class="e-btn e-btn-link">
  Link button
</div>

                          <div class="e-btn e-btn-link">Link button</div>

<button class="e-btn e-btn-default">
  Button
</button>

                          <button class="e-btn e-btn-default">Button</button>

<button class="e-btn e-btn-primary">
  Button
</button>

                          <button class="e-btn e-btn-primary">Button</button>

<button class="e-btn e-btn-secondary">
  Button
</button>

                          <button class="e-btn e-btn-secondary">Button</button>

<button class="e-btn e-btn-dark">
  Button
</button>

                          <button class="e-btn e-btn-dark">Button</button>

<button class="e-btn e-btn-danger">
  Button
</button>

                          <button class="e-btn e-btn-danger">Button</button>

<button class="e-btn e-btn-warning">
  Button
</button>

                          <button class="e-btn e-btn-warning">Button</button>