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.
 
 

1.6 KiB

category type noinstant title
Components Views true Message

Display global messages as feedbacks to user operations.

When To Use

  • To provide feedbacks such as success, warning, error etc.
  • A message is displayed at top and center and will be dismissed automatically, as a non-interrupting light-weighted prompt.

API

  • message.success(content, duration)
  • message.error(content, duration)
  • message.info(content, duration)
  • message.warning(content, duration)
  • message.warn(content, duration)
  • message.loading(content, duration)

This components provides 4 static methods, with arguments as following:

Argument Description Type Default
content content of the message React.Element or String -
duration time before auto-dismiss,in seconds number 1.5

Methods for global configuration and destruction are also provided:

  • message.config(options)
  • message.destroy()
message.config({
  top: 100,
  duration: 2,
  stack: false,
});
Argument Description Type Default
top distance to top Number 24px
duration time before auto-dismiss,in seconds Number 1.5
stack list messages with stack Boolean true