<template>
  <div class="demo-button-loading">
    <ui-button
      loading
      type="primary">
      Primary
    </ui-button>
    <ui-button
      loading>
      Default
    </ui-button>
    <ui-button
      loading
      type="danger">
      Danger
    </ui-button>
    <ui-button
      loading
      type="text">
      Text
    </ui-button>
    <ui-button
      circle
      loading
      icon="add"></ui-button>
  </div>
</template>
<script>
import { Button } from "amumu-ui"
export default {
  components: {
    "ui-button": Button,
  },
}
</script>
<style lang="scss">
.demo-button-loading {
  .mm-button {
    margin-right: 10px;
  }
}
</style>
