{"meta":"<h2 id=\"Develop Guide\">Develop Guide <a class=\"header-anchor scroll-count-item\" href=\"#Develop Guide\" data-scroll-id=\"Develop Guide\">#</a></h2>\n<h3 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></h3>\n<p>When a part of page is waiting asynchronous data or is rendering, loading animate may reduce anxieties.</p>\n<h3 id=\"Attentions\">Attentions <a class=\"header-anchor scroll-count-item\" href=\"#Attentions\" data-scroll-id=\"Attentions\">#</a></h3>\n<p>Loading use the layout <code>display=&apos;inline-block&apos;</code> to wrap inner elements by default.</p>\n<p>if you want <code>wrap all the element</code>, please use <code>&lt;Loading style={{display: &apos;block&apos;}} /&gt;</code></p>\n","api":"<h2 id=\"API\">API <a class=\"header-anchor scroll-count-item\" href=\"#API\" data-scroll-id=\"API\">#</a></h2>\n<h3 id=\"Loading\">Loading <a class=\"header-anchor scroll-count-item\" href=\"#Loading\" data-scroll-id=\"Loading\">#</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>tip</td>\n<td>Tip content</td>\n<td>React.ReactNode | string</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>tipAlign</td>\n<td>Align of tip</td>\n<td>&apos;right&apos; | &apos;bottom&apos;</td>\n<td>&apos;bottom&apos;</td>\n<td></td>\n</tr>\n<tr>\n<td>visible</td>\n<td>Loading status, default to true</td>\n<td>boolean</td>\n<td>true</td>\n<td></td>\n</tr>\n<tr>\n<td>size</td>\n<td>Size of animation indicator</td>\n<td>&apos;large&apos; | &apos;medium&apos;</td>\n<td>&apos;large&apos;</td>\n<td></td>\n</tr>\n<tr>\n<td>indicator</td>\n<td>Custom animation indicator</td>\n<td>React.ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>color</td>\n<td>Color of animation indicator</td>\n<td>string</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>fullScreen</td>\n<td>Full screen display</td>\n<td>boolean</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>disableScroll</td>\n<td>Is scrolling disabled, only effective in fullScreen mode</td>\n<td>boolean</td>\n<td>false</td>\n<td></td>\n</tr>\n<tr>\n<td>children</td>\n<td>Child elements</td>\n<td>React.ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>onVisibleChange</td>\n<td>The callback function triggered when the loading layer request is closed in full screen mode<br><br><strong>signature</strong>:<br><strong>params</strong>:<br><em>type</em>: The source of fan layer closure<br><em>e</em>: DOM events</td>\n<td>(type: string, e: React.MouseEvent) =&gt; void</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>safeNode</td>\n<td>Security node, only valid at fullScreen</td>\n<td>PopupProps[&apos;safeNode&apos;]</td>\n<td>-</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n"}