ant-design/components/message/index.en-US.md

category	type	noinstant	title
Components	Feedback	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, onClose)
• message.error(content, duration, onClose)
• message.info(content, duration, onClose)
• message.warning(content, duration, onClose)
• message.warn(content, duration, onClose)
• message.loading(content, duration, onClose)

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

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 after the message closed	Function	-
getContainer	specify render container	() => HTMLElement	() => document.body

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