2016-07-04 10:49:26 +08:00
|
|
|
---
|
|
|
|
|
category: Components
|
2016-11-09 14:43:32 +08:00
|
|
|
type: Feedback
|
2016-09-21 11:28:38 +08:00
|
|
|
title: Alert
|
2020-06-05 13:50:09 +08:00
|
|
|
cover: https://gw.alipayobjects.com/zos/alicdn/8emPa3fjl/Alert.svg
|
2016-07-04 10:49:26 +08:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
Alert component for feedback.
|
|
|
|
|
|
2016-09-10 13:43:30 +08:00
|
|
|
## When To Use
|
2016-07-04 10:49:26 +08:00
|
|
|
|
2017-09-10 21:40:07 +08:00
|
|
|
- When you need to show alert messages to users.
|
2016-11-29 17:13:24 +08:00
|
|
|
- When you need a persistent static container which is closable by user actions.
|
2016-07-04 10:49:26 +08:00
|
|
|
|
|
|
|
|
## API
|
|
|
|
|
|
2020-11-30 11:04:56 +08:00
|
|
|
| Property | Description | Type | Default | Version |
|
|
|
|
|
| --- | --- | --- | --- | --- |
|
|
|
|
|
| action | The action of Alert | ReactNode | - | 4.9.0 |
|
2020-12-09 09:54:44 +08:00
|
|
|
| afterClose | Called when close animation is finished | () => void | - | |
|
|
|
|
|
| banner | Whether to show as banner | boolean | false | |
|
|
|
|
|
| closable | Whether Alert can be closed | boolean | - | |
|
|
|
|
|
| closeText | Close text to show | ReactNode | - | |
|
|
|
|
|
| description | Additional content of Alert | ReactNode | - | |
|
|
|
|
|
| icon | Custom icon, effective when `showIcon` is true | ReactNode | - | |
|
|
|
|
|
| message | Content of Alert | ReactNode | - | |
|
|
|
|
|
| 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` | |
|
|
|
|
|
| onClose | Callback when Alert is closed | (e: MouseEvent) => void | - | |
|
2019-12-11 14:15:45 +08:00
|
|
|
|
|
|
|
|
### Alert.ErrorBoundary
|
|
|
|
|
|
2021-03-01 19:20:48 +08:00
|
|
|
| Property | Description | Type | Default | Version |
|
|
|
|
|
| --- | --- | --- | --- | --- |
|
|
|
|
|
| description | Custom error description to show | ReactNode | {{ error stack }} | |
|
|
|
|
|
| message | Custom error message to show | ReactNode | {{ error }} | |
|
