---
category: Components
type: Feedback
title: Alert
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Ct7bT7rrTTAAAAAAAAAAAAAADrJ8AQ/original
coverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*-U3XQqYN7VsAAAAAAAAAAAAADrJ8AQ/original
---

Alert component for feedback.

## When To Use

- When you need to show alert messages to users.
- When you need a persistent static container which is closable by user actions.

## API

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| action | The action of Alert | slot | - | 4.0.0 |
| afterClose | Called when close animation is finished | () => void | - |  |
| banner | Whether to show as banner | boolean | false |  |
| closable | Whether Alert can be closed | boolean |  |  |
| closeIcon | Custom close icon | slot | `<CloseOutlined />` | 3.0 |
| closeText | Close text to show | string\|slot | - |  |
| description | Additional content of Alert | string\|slot | - |  |
| icon | Custom icon, effective when `showIcon` is `true` | vnode \| slot | - |  |
| message | Content of Alert | string\|slot | - |  |
| showIcon | Whether to show icon | boolean | false,in `banner` mode default is true |  |
| type | Type of Alert styles, options: `success`, `info`, `warning`, `error` | string | `info`,in `banner` mode default is `warning` |  |

### events

| Events Name | Description                   | Arguments               | Version |
| ----------- | ----------------------------- | ----------------------- | ------- |
| close       | Callback when Alert is closed | (e: MouseEvent) => void | -       |