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

Basic

<n-alert title="Default Text" 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 Text" type="info">
  Gee it's good to be back home
</n-alert>
<n-alert title="Success Text" type="success">
  Leave it till tomorrow to unpack my case
</n-alert>
<n-alert title="Warning Text" type="warning">
  Honey disconnect the phone
</n-alert>
<n-alert title="Error Text" type="error">
  I'm back in the U.S.S.R.
</n-alert>

import iosAirplane from 'naive-ui/lib/icons/ios-airplane'

export default {
  components: {
    iosAirplane
  }
}

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