{"meta":"<h2 id=\"Guide\">Guide <a class=\"header-anchor scroll-count-item\" href=\"#Guide\" data-scroll-id=\"Guide\">#</a></h2>\n<p>A card is a piece of paper with unique related data taht servers as an entry point to more detailed information.</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>A card could contain a photo, text, and a link about a single subject.</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=\"Card\">Card <a class=\"header-anchor scroll-count-item\" href=\"#Card\" data-scroll-id=\"Card\">#</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>media</td>\n<td>Media content</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>Title of card</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>subTitle</td>\n<td>Sub title of card</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Actions of card</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>showTitleBullet</td>\n<td>If show title bullet</td>\n<td>boolean</td>\n<td>true</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>showHeadDivider</td>\n<td>If show head divider</td>\n<td>boolean</td>\n<td>true</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>contentHeight</td>\n<td>Height of content</td>\n<td>string | number</td>\n<td>120</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>extra</td>\n<td>Extra of card header</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>free</td>\n<td>Whether to open free mode, if opened, can not set title subTitle ..., must use Card.Header Card.Content ... to set Card</td>\n<td>boolean</td>\n<td>false</td>\n<td></td>\n<td>-</td>\n</tr>\n<tr>\n<td>hasBorder</td>\n<td>Whether to show border</td>\n<td>boolean</td>\n<td>true</td>\n<td></td>\n<td>1.24</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"Card Media\">Card.Media <a class=\"header-anchor scroll-count-item\" href=\"#Card Media\" data-scroll-id=\"Card Media\">#</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>component</td>\n<td>The html tag to be rendered</td>\n<td>ElementType</td>\n<td>&apos;div&apos;</td>\n<td></td>\n</tr>\n<tr>\n<td>image</td>\n<td>Media background image</td>\n<td>string</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>src</td>\n<td>Media source URL</td>\n<td>string</td>\n<td>-</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"Card Header\">Card.Header <a class=\"header-anchor scroll-count-item\" href=\"#Card Header\" data-scroll-id=\"Card Header\">#</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>Title of card</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>subTitle</td>\n<td>Sub Title of Card</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>extra</td>\n<td>Extra of card header</td>\n<td>ReactNode</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>component</td>\n<td>The html tag to be rendered</td>\n<td>ElementType</td>\n<td>&apos;div&apos;</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"Card Content\">Card.Content <a class=\"header-anchor scroll-count-item\" href=\"#Card Content\" data-scroll-id=\"Card Content\">#</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>component</td>\n<td>The html tag to be rendered</td>\n<td>ElementType</td>\n<td>&apos;div&apos;</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"Card Divider\">Card.Divider <a class=\"header-anchor scroll-count-item\" href=\"#Card Divider\" data-scroll-id=\"Card Divider\">#</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>component</td>\n<td>The html tag to be rendered</td>\n<td>ElementType</td>\n<td>&apos;hr&apos;</td>\n<td></td>\n</tr>\n<tr>\n<td>inset</td>\n<td>Inset</td>\n<td>boolean</td>\n<td>-</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"Card Actions\">Card.Actions <a class=\"header-anchor scroll-count-item\" href=\"#Card Actions\" data-scroll-id=\"Card Actions\">#</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>component</td>\n<td>The html tag to be rendered</td>\n<td>ElementType</td>\n<td>&apos;div&apos;</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n"}