naive-ui/demo/documentation/components/alert/zhCN/basic.demo.md

基础用法

<n-alert title="Default 类型" type="default">
  <template v-slot:icon>
    <n-icon>
      <ios-airplane />
    </n-icon>
  </template>
  Gee it's good to be back home
</n-alert>
<n-alert title="Info 类型" type="info">
  Gee it's good to be back home
</n-alert>
<n-alert title="Success 类型" type="success">
  Leave it till tomorrow to unpack my case
</n-alert>
<n-alert title="Warning 类型" type="warning">
  Honey disconnect the phone
</n-alert>
<n-alert title="Error 类型" type="error">
  I'm back in the U.S.S.R.
</n-alert>

import {
  IosAirplane,
} from '@vicons/ionicons-v4'

export default {
  components: {
    IosAirplane
  }
}

.n-alert {
  margin-bottom: 12px;
}