Notification

Matches Arco Notification with themed titles, content and status icons. See the Element Plus docs for props.

Notification Types

Click to call ElNotification; dismiss it with the close button or wait for it to close.

<script setup lang="ts">
import { ElNotification } from 'element-plus'
const types = ['primary', 'success', 'warning', 'error', 'info'] as const
</script>

<template>
  <el-button v-for="type in types" :key="type" @click="ElNotification({ type, title: type, message: 'Your project has a new update.' })">{{ type }}</el-button>
</template>

Differences from Arco

• Icons come from Element Plus; info keeps its neutral icon.