Alert
The global prompt information used after the interaction in the page is suspended in the middle of the top of the page.
Alert.infoInformation reminder.Alert.successSuccess information reminder.Alert.warningWarning message.Alert.errorError message.Alert.closeClose the message.Alert.closeAllClose all messages.
Usage
import { Alert } from 'rsuite';Examples
Default
Duration
Duration is an optional item. When set to 0, it is not automatically turned close.
Alert.info(content: string, duration?: number, onClose?: () => void);Close
Methods
Alert.info
Alert.info(content: string, duration?: number, onClose?: () => void);Alert.success
Alert.success(content: string, duration?: number, onClose?: () => void);Alert.warning
Alert.warning(content: string, duration?: number, onClose?: () => void);Alert.error
Alert.error(content: string, duration?: number, onClose?: () => void);props description
| Property | Type(Default) |
Description |
|---|---|---|
| content * | string | The content of alert |
| duration | number (2000) |
The duration of the display, automatically closes the reminder box after the duration (unit:milliseconds) |
| onClose | () => void | Callback when Alert is closed |
Alert.close
Alert.close();Alert.closeAll
Alert.closeAll();Alert.config
Global config
Alert.config(
(options: {
top?: number,
duration?: number,
getContainer?: () => HTMLElement
})
);- top - Distance from the top of the page (unit:px, default:5)
- duration - Alert duration (default:2000,unit: milliseconds)
- getContainer - The parent container of Alert