category | type | noinstant | title |
---|---|---|---|
Components |
Feedback |
true |
Notification |
Display a notification message globally.
To display a notification message at any of the four corners of the viewport. Typically it can be used in the following cases:
notification.success(config)
notification.error(config)
notification.info(config)
notification.warning(config)
notification.warn(config)
notification.close(key: String)
notification.destroy()
The properties of config are as follows:
Property | Description | Type | Default |
---|---|---|---|
btn | Customized close button | ReactNode | - |
className | Customized CSS class | string | - |
description | The content of notification box (required) | string|ReactNode | - |
duration | Time in seconds before Notification is closed. When set to 0 or null, it will never be closed automatically | number | 4.5 |
icon | Customized icon | ReactNode | - |
key | The unique identifier of the Notification | string | - |
message | The title of notification box (required) | string|ReactNode | - |
placement | Position of Notification, can be one of topLeft topRight bottomLeft bottomRight
|
string | topRight |
style | Customized inline style | React.CSSProperties | - |
onClose | Specify a function that will be called when the close button is clicked | Function | - |
notification
also provides a global config()
method that can be used for specifying the default options. Once this method is used, all the notification boxes will take into account these globally defined options when displaying.
notification.config(options)
notification.config({
placement: 'bottomRight',
bottom: 50,
duration: 3,
});
Property | Description | Type | Default |
---|---|---|---|
bottom | Distance from the bottom of the viewport, when placement is bottomRight or bottomLeft (unit: pixels). |
number | 24 |
duration | Time in seconds before Notification is closed. When set to 0 or null, it will never be closed automatically | number | 4.5 |
getContainer | Return the mount node for Notification | () => HTMLNode | () => document.body |
placement | Position of Notification, can be one of topLeft topRight bottomLeft bottomRight
|
string | topRight |
top | Distance from the top of the viewport, when placement is topRight or topLeft (unit: pixels). |
number | 24 |
maxCount | Max message show, drop oldest if exceed limit | number | |
foldCount | Over count will collapse display | number | |
icons | 各类型通知 icon 配置 | object | { success: 'check', info: 'info',error: 'error',warning: 'warning',loading: 'loading' } |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )