{"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>The Affix component allows an element to become affixed (locked) to an area on the page. This is offten used with navigation menus or social icon buttons, to make them &quot;stick&quot; at specific area while scrolling up and down the page.</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=\"Affix\">Affix <a class=\"header-anchor scroll-count-item\" href=\"#Affix\" data-scroll-id=\"Affix\">#</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>container</td>\n<td>The container for listening scroll events</td>\n<td>() =&gt; Element | Window</td>\n<td>() =&gt; window</td>\n<td></td>\n</tr>\n<tr>\n<td>offsetTop</td>\n<td>Offset from top when event triggers</td>\n<td>number</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>offsetBottom</td>\n<td>Offset from bottom when event triggers</td>\n<td>number</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>onAffix</td>\n<td>Callback when affix event triggers<br><br><strong>signature</strong>:<br><strong>params</strong>:<br><em>affixed</em>: If element is affixed</td>\n<td>(affixed: boolean) =&gt; void</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>useAbsolute</td>\n<td>Enable absolute position</td>\n<td>boolean</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>className</td>\n<td>-</td>\n<td>string</td>\n<td>-</td>\n<td></td>\n</tr>\n<tr>\n<td>style</td>\n<td>-</td>\n<td>React.CSSProperties</td>\n<td>-</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n"}