ant-design/components/message/index.en-US.md
2016-10-27 17:39:46 +08:00

1.5 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,
});
Argument Description Type Default
top distance to top Number 24px
duration time before auto-dismiss,in seconds Number 1.5