<template>
  <div class="demo-button-basic">
    <ui-button
      type="primary"
      @click="handleConsole('test1')">
      Primary
    </ui-button>
    <ui-button @click.native="handleConsole('test2')">
      Default
    </ui-button>
    <ui-button type="danger">
      Danger
    </ui-button>
    <ui-button type="text">
      Text
    </ui-button>
  </div>
</template>

<script>
import { Button } from "amumu-ui"
export default {
  components: {
    "ui-button": Button,
  },
  methods: {
    handleConsole(val) {
      console.log(val)
    },
  },
}
</script>
<style lang="scss">
.demo-button-basic {
  .mm-button {
    margin-right: 10px;
  }
}
</style>
