{"meta":"<p>Display a notification message globally.</p>\n<h2 id=\"When To Use\">When To Use <a class=\"header-anchor scroll-count-item\" href=\"#When To Use\" data-scroll-id=\"When To Use\">#</a></h2>\n<p>To display a notification message at any of the four corners of the viewport. Typically it can be used in the following cases:</p>\n<ul>\n<li>A notification with complex content.</li>\n<li>A notification providing a feedback based on the user interaction. Or it may show some details about upcoming steps the user may have to follow.</li>\n<li>A notification that is pushed by the application.</li>\n</ul>\n<h2 id=\"Guide\">Guide <a class=\"header-anchor scroll-count-item\" href=\"#Guide\" data-scroll-id=\"Guide\">#</a></h2>\n","api":"<h2 id=\"API\">API <a class=\"header-anchor scroll-count-item\" href=\"#API\" data-scroll-id=\"API\">#</a></h2>\n<h3 id=\"Notification\">Notification <a class=\"header-anchor scroll-count-item\" href=\"#Notification\" data-scroll-id=\"Notification\">#</a></h3>\n<table>\n<thead>\n<tr>\n<th>Param</th>\n<th>Description</th>\n<th>Type</th>\n<th>Default Value</th>\n<th>Required</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>config</td>\n<td>-</td>\n<td>(config: NotificationConfig) =&gt; NotificationConfig</td>\n<td>-</td>\n<td>yes</td>\n</tr>\n<tr>\n<td>open</td>\n<td>-</td>\n<td>(options: NotificationOptions) =&gt; string</td>\n<td>-</td>\n<td>yes</td>\n</tr>\n<tr>\n<td>close</td>\n<td>-</td>\n<td>(key: string) =&gt; void</td>\n<td>-</td>\n<td>yes</td>\n</tr>\n<tr>\n<td>destroy</td>\n<td>-</td>\n<td>() =&gt; void</td>\n<td>-</td>\n<td>yes</td>\n</tr>\n<tr>\n<td>success</td>\n<td>-</td>\n<td>(options: NotificationOptions) =&gt; string</td>\n<td>-</td>\n<td>yes</td>\n</tr>\n<tr>\n<td>error</td>\n<td>-</td>\n<td>(options: NotificationOptions) =&gt; string</td>\n<td>-</td>\n<td>yes</td>\n</tr>\n<tr>\n<td>warning</td>\n<td>-</td>\n<td>(options: NotificationOptions) =&gt; string</td>\n<td>-</td>\n<td>yes</td>\n</tr>\n<tr>\n<td>notice</td>\n<td>-</td>\n<td>(options: NotificationOptions) =&gt; string</td>\n<td>-</td>\n<td>yes</td>\n</tr>\n<tr>\n<td>help</td>\n<td>-</td>\n<td>(options: NotificationOptions) =&gt; string</td>\n<td>-</td>\n<td>yes</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"Notification Config\">Notification.Config <a class=\"header-anchor scroll-count-item\" href=\"#Notification Config\" data-scroll-id=\"Notification Config\">#</a></h3>\n<table>\n<thead>\n<tr>\n<th>Param</th>\n<th>Description</th>\n<th>Type</th>\n<th>Default Value</th>\n<th>Required</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>offset</td>\n<td>Offset after align, [x, y]</td>\n<td>[number, number]</td>\n<td>[30, 30]</td>\n<td></td>\n</tr>\n<tr>\n<td>maxCount</td>\n<td>Max visible count, default Infinity</td>\n<td>number</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>size</td>\n<td>Use <code>Message</code> size prop</td>\n<td>&apos;large&apos; | &apos;medium&apos;</td>\n<td>large</td>\n<td></td>\n</tr>\n<tr>\n<td>duration</td>\n<td>Time in seconds before Notification is closed. When set to 0 or null, it will never be closed automatically</td>\n<td>number</td>\n<td>4500</td>\n<td></td>\n</tr>\n<tr>\n<td>getContainer</td>\n<td>Return the mount node for Notification</td>\n<td>() =&gt; HTMLElement</td>\n<td><code>() =&gt; document.body</code></td>\n<td></td>\n</tr>\n<tr>\n<td>placement</td>\n<td>Position of Notification, can be one of <code>tl</code> <code>tr</code> <code>bl</code> <code>br</code></td>\n<td>&apos;topRight&apos; | &apos;topLeft&apos; | &apos;bottomLeft&apos; | &apos;bottomRight&apos;</td>\n<td>topRight</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"Notification Options\">NotificationOptions <a class=\"header-anchor scroll-count-item\" href=\"#Notification Options\" data-scroll-id=\"Notification Options\">#</a></h3>\n<table>\n<thead>\n<tr>\n<th>Param</th>\n<th>Description</th>\n<th>Type</th>\n<th>Default Value</th>\n<th>Required</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>key</td>\n<td>The unique identifier of the Notification</td>\n<td>string</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>type</td>\n<td>Notification type, <code>Notification.open</code> optional parameter, optional value: <code>success</code>\\</td>\n<td><code>error</code>\\</td>\n<td><code>warning</code>\\</td>\n<td><code>notice</code>\\</td>\n</tr>\n<tr>\n<td>title</td>\n<td>The title of notification box</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>content</td>\n<td>The content of notification box</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>icon</td>\n<td>Customized icon</td>\n<td>string</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>duration</td>\n<td>Time in seconds before Notification is closed. When set to 0 or null, it will never be closed automatically</td>\n<td>number</td>\n<td>4500</td>\n<td></td>\n</tr>\n<tr>\n<td>style</td>\n<td>Customized inline style</td>\n<td>CSSProperties</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>className</td>\n<td>Customized CSS class</td>\n<td>string</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>onClose</td>\n<td>Specify a function that will be called when the close button is clicked</td>\n<td>() =&gt; void</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>onClick</td>\n<td>Specify a function that will be called when the notification is clicked</td>\n<td>MouseEventHandler</td>\n<td>-</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n"}