<template>
  <div class="alert-wrap">
    <tiny-alert :icon="IconCustom">自定义图标</tiny-alert>
  </div>
</template>

<script lang="jsx">
import { Alert } from '@opentiny/vue'
import { iconCustom } from '@opentiny/vue-icon'

export default {
  components: {
    TinyAlert: Alert
  },
  data() {
    return {
      IconCustom: iconCustom()
    }
  }
}
</script>

<style>
.alert-wrap .tiny-mobile-alert {
  margin-bottom: 8px;
}
</style>
