{"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<p>1.19.0+ supported</p>\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>The content can consist of multiple elements of varying type and size.</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=\"List\">List <a class=\"header-anchor scroll-count-item\" href=\"#List\" data-scroll-id=\"List\">#</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>header</td>\n<td>List header</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>footer</td>\n<td>List footer</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>size</td>\n<td>List size</td>\n<td>&apos;medium&apos; | &apos;small&apos;</td>\n<td>&apos;medium&apos;</td>\n<td></td>\n</tr>\n<tr>\n<td>divider</td>\n<td>Whether to show the divider</td>\n<td>boolean</td>\n<td>true</td>\n<td></td>\n</tr>\n<tr>\n<td>children</td>\n<td>-</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>dataSource</td>\n<td>List item data source</td>\n<td>DataItem[]</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>renderItem</td>\n<td><strong>signature</strong>:<br><strong>params</strong>:<br><em>current</em>: The current item<br><em>index</em>: The index of the current item<br><strong>return</strong>:<br>The ReactElement be customized</td>\n<td>(current: DataItem, index: number) =&gt; ReactElement</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>loading</td>\n<td>Loading state control</td>\n<td>boolean</td>\n<td>false</td>\n<td></td>\n</tr>\n<tr>\n<td>loadingComponent</td>\n<td>Custom Loading component<br><br><strong>signature</strong>:<br><strong>params</strong>:<br><em>props</em>: Pass through props<br><strong>return</strong>:<br>Custom Loading component</td>\n<td>(props: LoadingProps) =&gt; ReactElement</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>emptyContent</td>\n<td>The content displayed when the list is empty</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"List Item\">List.Item <a class=\"header-anchor scroll-count-item\" href=\"#List Item\" data-scroll-id=\"List 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>title</td>\n<td>The title of the list item</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>description</td>\n<td>The description of the list item</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>media</td>\n<td>The avatar / icon / image content of the list item</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>extra</td>\n<td>Extra content</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n"}