{"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>Based on <code>display: grid</code>, added in 1.19.0+, doesn&apos;t support IE yet.</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=\"Responsive Grid\">ResponsiveGrid <a class=\"header-anchor scroll-count-item\" href=\"#Responsive Grid\" data-scroll-id=\"Responsive Grid\">#</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>device</td>\n<td>Device for responsive C</td>\n<td>&apos;phone&apos; | &apos;tablet&apos; | &apos;desktop&apos;</td>\n<td>&apos;desktop&apos;</td>\n<td></td>\n</tr>\n<tr>\n<td>columns</td>\n<td>How many columns in total, 12 by default</td>\n<td>number | string</td>\n<td>&apos;12&apos;</td>\n<td></td>\n</tr>\n<tr>\n<td>gap</td>\n<td>Gap among each cell [bottom&amp;top, right&amp;left]</td>\n<td>Spacing</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>keyof React.JSX.IntrinsicElements</td>\n<td>&apos;div&apos;</td>\n<td></td>\n</tr>\n<tr>\n<td>dense</td>\n<td>Fill as closely as possible without spaces</td>\n<td>boolean</td>\n<td>&apos;false&apos;</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"Responsive Grid Cell\">ResponsiveGrid.Cell <a class=\"header-anchor scroll-count-item\" href=\"#Responsive Grid Cell\" data-scroll-id=\"Responsive Grid Cell\">#</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>colSpan</td>\n<td>In hoz, how many columns it takes</td>\n<td>| number<br> | {<br> desktop?: number;<br> tablet?: number;<br> phone?: number;<br> }</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>rowSpan</td>\n<td>In ver, how many rows it takes</td>\n<td>number</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>keyof React.JSX.IntrinsicElements</td>\n<td>&apos;div&apos;</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n"}