category | type | noinstant | title |
---|---|---|---|
Components |
Feedback |
true |
Message |
Display global messages as feedback in response to user operations.
This components provides some static methods, with usage and arguments as following:
message.success(content, [duration], [onClose], placement)
message.error(content, [duration], [onClose], placement)
message.info(content, [duration], [onClose], placement)
message.warning(content, [duration], [onClose], placement)
message.warn(content, [duration], [onClose], placement)
// alias of warningmessage.loading(content, [duration], [onClose], placement)
Argument | Description | Type | Default |
---|---|---|---|
content | content of the message | string|ReactNode | - |
duration | time before auto-dismiss, in seconds | number | 1.5 |
onClose | Specify a function that will be called when the message is closed | Function | - |
placement | the position of message, values: top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottom
|
string | leftBottom |
Methods for global configuration and destruction are also provided:
message.config(options)
message.destroy()
afterClose
can be called in then-able interface:
message[level](content, [duration]).then(afterClose)
message[level](content, [duration], onClose).then(afterClose)
where level
refers one static methods of message
. The result of then
method will be a Promise.
message.config({
top: 100,
duration: 2,
});
Argument | Description | Type | Default |
---|---|---|---|
duration | time before auto-dismiss, in seconds | number | 1.5 |
getContainer | Return the mount node for Message | () => HTMLElement | () => document.body |
top | the position of the message when it appears on the top | number | 24 |
bottom | the position of the message when it appears on the bottom | number | 24 |
placement | the position of message, values: top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottom
|
string | leftBottom |
maxCount | Max message show, drop oldest if exceed limit | number |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )