{"meta":"<h2 id=\"Guide\">Guide <a class=\"header-anchor scroll-count-item\" href=\"#Guide\" data-scroll-id=\"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>It is used to inform the user of the current position and the position of the current page in the entire site. It is an auxiliary navigation method and is applicable to a clear and multi-level structure of the website. Each layer of content is a hierarchical ownership relationship, which is convenient for users to return. One or all levels of pages.</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=\"Breadcrumb\">Breadcrumb <a class=\"header-anchor scroll-count-item\" href=\"#Breadcrumb\" data-scroll-id=\"Breadcrumb\">#</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<th>Supported Version</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>Children components, should be an Breadcrumb.Item</td>\n<td>| Array&lt;React.ReactElement&lt;ItemProps&gt; | boolean | null&gt;<br> | React.ReactElement&lt;ItemProps&gt;</td>\n<td>-</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>maxNode</td>\n<td>The maximum number of breadcrumbs is displayed and the excess is hidden, can set auto compute maximum number</td>\n<td>number | &apos;auto&apos;</td>\n<td>100</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>showHiddenItems</td>\n<td>When the hidden items are exceeded, is it possible to click the ellipsis to display the menu (including hidden items)</td>\n<td>boolean</td>\n<td>false</td>\n<td></td>\n<td>1.23</td>\n</tr>\n<tr>\n<td>popupContainer</td>\n<td>The container node that the popup mounts (meaningful only when showHiddenItems is true)</td>\n<td>DropdownProps[&apos;container&apos;]</td>\n<td>-</td>\n<td></td>\n<td>1.23</td>\n</tr>\n<tr>\n<td>followTrigger</td>\n<td>Whether to scroll with the trigger (meaningful only when showHiddenItems is true)</td>\n<td>boolean</td>\n<td>-</td>\n<td></td>\n<td>1.23</td>\n</tr>\n<tr>\n<td>popupProps</td>\n<td>The attributes added to the popup (meaningful only when showHiddenItems is true)</td>\n<td>DropdownProps</td>\n<td>-</td>\n<td></td>\n<td>1.23</td>\n</tr>\n<tr>\n<td>separator</td>\n<td>Separator, can be text or Icon</td>\n<td>string | React.ReactNode</td>\n<td>-</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>component</td>\n<td>Set Element type</td>\n<td>React.ComponentType&lt;BreadcrumbProps&gt; | string</td>\n<td>&apos;nav&apos;</td>\n<td></td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"Breadcrumb Item\">Breadcrumb.Item <a class=\"header-anchor scroll-count-item\" href=\"#Breadcrumb Item\" data-scroll-id=\"Breadcrumb Item\">#</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>link</td>\n<td>The breadcrumb item link, if this property is set, the node is <code>&lt;a /&gt;</code>, otherwise it is <code>&lt;span /&gt;</code></td>\n<td>string</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>onClick</td>\n<td>Click event<br><br><strong>signature</strong>:<br><strong>params</strong>:<br><em>e</em>: e</td>\n<td>React.MouseEventHandler&lt;HTMLElement&gt;</td>\n<td>-</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"ARIA And Key Board\">ARIA and KeyBoard <a class=\"header-anchor scroll-count-item\" href=\"#ARIA And Key Board\" data-scroll-id=\"ARIA And Key Board\">#</a></h2>\n<table>\n<thead>\n<tr>\n<th style=\"text-align:left\">KeyBoard</th>\n<th style=\"text-align:left\">Descripiton</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td style=\"text-align:left\">Tab</td>\n<td style=\"text-align:left\">switch to next item</td>\n</tr>\n</tbody>\n</table>\n"}