<template>
  <div class="demo-alert-basic">
    <ui-alert
      title="成功提示的文案"
      type="success">
    </ui-alert>
    <ui-alert
      title="消息提示的文案"
      type="info">
    </ui-alert>
    <ui-alert
      title="警告提示的文案"
      type="warning">
    </ui-alert>
    <ui-alert
      title="错误提示的文案"
      type="error">
    </ui-alert>
  </div>
</template>
<script>
import { Alert } from "amumu-ui"
export default {
  components: {
    "ui-alert": Alert,
  },
}
</script>
<style lang="scss">
.demo-alert-basic {
  .mm-alert {
    margin-bottom: 10px;
  }
}
</style>
