You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
---
|
|
|
|
|
category: Components
|
|
|
|
|
type: Feedback
|
|
|
|
|
title: Alert
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
Alert component for feedback.
|
|
|
|
|
|
|
|
|
|
## When To Use
|
|
|
|
|
|
|
|
|
|
- When you need to show alert messages for users.
|
|
|
|
|
- When you need a persistent static container which is closable by user actions.
|
|
|
|
|
|
|
|
|
|
## API
|
|
|
|
|
|
|
|
|
|
| Property | Description | Type | Default |
|
|
|
|
|
|----------- |--------------------------------------------------------- | ---------- |-------|
|
|
|
|
|
| type | Type of Alert styles, options:`success`, `info`, `warning`, `error` | String | `info` |
|
|
|
|
|
| closable | Whether Alert can be closed | Boolean | - |
|
|
|
|
|
| closeText | Close text to show | React.Node | - |
|
|
|
|
|
| message | Content of Alert | React.Node | - |
|
|
|
|
|
| description | Additional content of Alert | React.Node | - |
|
|
|
|
|
| onClose | Callback when close Alert | Function | - |
|
|
|
|
|
| showIcon | Whether to show icon | Boolean | false |
|
|
|
|
|
| banner | Whether to show as banner | Boolean | false |
|
