diff --git a/components/navs/index.html b/components/navs/index.html
index 9971c6c8..d17cc8ce 100644
--- a/components/navs/index.html
+++ b/components/navs/index.html
@@ -428,8 +428,8 @@
be set to "tablist", but can be overridden by the Nav when set explicitly.</p>
<p>When the role is "tablist", NavLink focus is managed according to
the ARIA authoring practices for tabs:
-<a href="https://www.w3.org/TR/2013/WD-wai-aria-practices-20130307/#tabpanel">https://www.w3.org/TR/2013/WD-wai-aria-practices-20130307/#tabpanel</a></p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">variant<!-- --> </td><td class="text-monospace"><div><span><code>'tabs'</code><span> | </span><code>'pills'</code></span></div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The visual variant of the nav items.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">bsPrefix<!-- --> </td><td class="text-monospace"><div>string</div></td><td><code class="PropTable-Code-module--cls2--1p8A9 PropTable-Code-module--cls1--2iQb5">'nav'</code></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Change the underlying component CSS base class name and modifier class names prefix. <strong>This is an escape hatch</strong> for working with heavily customized bootstrap css.</p></div></td></tr></tbody></table></div><h3 id="nav-item-props" class="my-3 Heading-styles-module--heading--3cEKx __heading"><div class="d-flex align-items-center"><span class="Anchor-styles-module--wrapper--2R_tQ"><span class="text-monospace">Nav.Item</span><a href="#nav-item-props" class="Anchor-styles-module--anchor--2zQH2" aria-hidden="true"><span aria-hidden="true">#</span></a></span><span class="ml-auto"></span><a href="//github.com/react-bootstrap/react-bootstrap/tree/v1.3.0/src/Nav.tsx" class="js-search-exclude LinkToSource-Link-module--cls2--2C0Y1 LinkToSource-Link-module--cls1--nvUSA"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="code" class="svg-inline--fa fa-code fa-w-20 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"></path></svg><span class="sr-only">view source file</span></a></div></h3><code aria-label="Import code for the Nav component" class="ImportApi-Code-module--cls2--39jX8 ImportApi-Code-module--cls1--pOn7V"><span class="ImportApi-Keyword-module--cls2--2RGOT ImportApi-Keyword-module--cls1--3rKJT">import</span> <!-- -->Nav<!-- --> <span class="ImportApi-Keyword-module--cls2--2RGOT ImportApi-Keyword-module--cls1--3rKJT">from</span> 'react-bootstrap/<!-- -->Nav<!-- -->'</code><span class="js-search-exclude ImportApi-Link-module--cls2--14_op ImportApi-Link-module--cls1--31Neu"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy fa-w-14 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"></path></svg><span class="sr-only">Copy import code for the Nav component</span></span><div class="overflow-auto mt-4 mb-5 border border-light"><table class="bg-white mb-0 table table-striped table-bordered"><thead><tr><th>Name</th><th>Type</th><th>Default</th><th>Description</th></tr></thead><tbody><tr class="prop-table-row"><td class="text-monospace">as<!-- --> </td><td class="text-monospace"><div>elementType</div></td><td><code class="PropTable-Code-module--cls2--1p8A9 PropTable-Code-module--cls1--2iQb5"><div></code></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>You can use a custom element type for this component.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">role<!-- --> </td><td class="text-monospace"><div>string</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The ARIA role of the component</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">bsPrefix<!-- --> </td><td class="text-monospace"><div>string</div></td><td><code class="PropTable-Code-module--cls2--1p8A9 PropTable-Code-module--cls1--2iQb5">'nav-item'</code></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Change the underlying component CSS base class name and modifier class names prefix. <strong>This is an escape hatch</strong> for working with heavily customized bootstrap css.</p></div></td></tr></tbody></table></div><h3 id="nav-link-props" class="my-3 Heading-styles-module--heading--3cEKx __heading"><div class="d-flex align-items-center"><span class="Anchor-styles-module--wrapper--2R_tQ"><span class="text-monospace">Nav.Link</span><a href="#nav-link-props" class="Anchor-styles-module--anchor--2zQH2" aria-hidden="true"><span aria-hidden="true">#</span></a></span><span class="ml-auto"></span><a href="//github.com/react-bootstrap/react-bootstrap/tree/v1.3.0/src/Nav.tsx" class="js-search-exclude LinkToSource-Link-module--cls2--2C0Y1 LinkToSource-Link-module--cls1--nvUSA"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="code" class="svg-inline--fa fa-code fa-w-20 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"></path></svg><span class="sr-only">view source file</span></a></div></h3><code aria-label="Import code for the Nav component" class="ImportApi-Code-module--cls2--39jX8 ImportApi-Code-module--cls1--pOn7V"><span class="ImportApi-Keyword-module--cls2--2RGOT ImportApi-Keyword-module--cls1--3rKJT">import</span> <!-- -->Nav<!-- --> <span class="ImportApi-Keyword-module--cls2--2RGOT ImportApi-Keyword-module--cls1--3rKJT">from</span> 'react-bootstrap/<!-- -->Nav<!-- -->'</code><span class="js-search-exclude ImportApi-Link-module--cls2--14_op ImportApi-Link-module--cls1--31Neu"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy fa-w-14 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"></path></svg><span class="sr-only">Copy import code for the Nav component</span></span><div class="overflow-auto mt-4 mb-5 border border-light"><table class="bg-white mb-0 table table-striped table-bordered"><thead><tr><th>Name</th><th>Type</th><th>Default</th><th>Description</th></tr></thead><tbody><tr class="prop-table-row"><td class="text-monospace">active<!-- --> </td><td class="text-monospace"><div>boolean</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The active state of the NavItem item.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">as<!-- --> </td><td class="text-monospace"><div>elementType</div></td><td><code class="PropTable-Code-module--cls2--1p8A9 PropTable-Code-module--cls1--2iQb5"><a></code></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>You can use a custom element type for this component.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">disabled<!-- --> </td><td class="text-monospace"><div>boolean</div></td><td><code class="PropTable-Code-module--cls2--1p8A9 PropTable-Code-module--cls1--2iQb5">false</code></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The disabled state of the NavItem item.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">eventKey<!-- --> </td><td class="text-monospace"><div>any</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Uniquely idenifies the <code class="language-text">NavItem</code> amongst its siblings,
+<a href="https://www.w3.org/TR/2013/WD-wai-aria-practices-20130307/#tabpanel">https://www.w3.org/TR/2013/WD-wai-aria-practices-20130307/#tabpanel</a></p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">variant<!-- --> </td><td class="text-monospace"><div><span><code>'tabs'</code><span> | </span><code>'pills'</code></span></div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The visual variant of the nav items.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">bsPrefix<!-- --> </td><td class="text-monospace"><div>string</div></td><td><code class="PropTable-Code-module--cls2--1p8A9 PropTable-Code-module--cls1--2iQb5">'nav'</code></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Change the underlying component CSS base class name and modifier class names prefix. <strong>This is an escape hatch</strong> for working with heavily customized bootstrap css.</p></div></td></tr></tbody></table></div><h3 id="nav-item-props" class="my-3 Heading-styles-module--heading--3cEKx __heading"><div class="d-flex align-items-center"><span class="Anchor-styles-module--wrapper--2R_tQ"><span class="text-monospace">Nav.Item</span><a href="#nav-item-props" class="Anchor-styles-module--anchor--2zQH2" aria-hidden="true"><span aria-hidden="true">#</span></a></span><span class="ml-auto"></span><a href="//github.com/react-bootstrap/react-bootstrap/tree/v1.3.0/src/Nav.tsx" class="js-search-exclude LinkToSource-Link-module--cls2--2C0Y1 LinkToSource-Link-module--cls1--nvUSA"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="code" class="svg-inline--fa fa-code fa-w-20 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"></path></svg><span class="sr-only">view source file</span></a></div></h3><code aria-label="Import code for the Nav component" class="ImportApi-Code-module--cls2--39jX8 ImportApi-Code-module--cls1--pOn7V"><span class="ImportApi-Keyword-module--cls2--2RGOT ImportApi-Keyword-module--cls1--3rKJT">import</span> <!-- -->Nav<!-- --> <span class="ImportApi-Keyword-module--cls2--2RGOT ImportApi-Keyword-module--cls1--3rKJT">from</span> 'react-bootstrap/<!-- -->Nav<!-- -->'</code><span class="js-search-exclude ImportApi-Link-module--cls2--14_op ImportApi-Link-module--cls1--31Neu"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy fa-w-14 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"></path></svg><span class="sr-only">Copy import code for the Nav component</span></span><div class="overflow-auto mt-4 mb-5 border border-light"><table class="bg-white mb-0 table table-striped table-bordered"><thead><tr><th>Name</th><th>Type</th><th>Default</th><th>Description</th></tr></thead><tbody><tr class="prop-table-row"><td class="text-monospace">as<!-- --> </td><td class="text-monospace"><div>elementType</div></td><td><code class="PropTable-Code-module--cls2--1p8A9 PropTable-Code-module--cls1--2iQb5"><div></code></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>You can use a custom element type for this component.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">role<!-- --> </td><td class="text-monospace"><div>string</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The ARIA role of the component</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">bsPrefix<!-- --> </td><td class="text-monospace"><div>string</div></td><td><code class="PropTable-Code-module--cls2--1p8A9 PropTable-Code-module--cls1--2iQb5">'nav-item'</code></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Change the underlying component CSS base class name and modifier class names prefix. <strong>This is an escape hatch</strong> for working with heavily customized bootstrap css.</p></div></td></tr></tbody></table></div><h3 id="nav-link-props" class="my-3 Heading-styles-module--heading--3cEKx __heading"><div class="d-flex align-items-center"><span class="Anchor-styles-module--wrapper--2R_tQ"><span class="text-monospace">Nav.Link</span><a href="#nav-link-props" class="Anchor-styles-module--anchor--2zQH2" aria-hidden="true"><span aria-hidden="true">#</span></a></span><span class="ml-auto"></span><a href="//github.com/react-bootstrap/react-bootstrap/tree/v1.3.0/src/Nav.tsx" class="js-search-exclude LinkToSource-Link-module--cls2--2C0Y1 LinkToSource-Link-module--cls1--nvUSA"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="code" class="svg-inline--fa fa-code fa-w-20 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"></path></svg><span class="sr-only">view source file</span></a></div></h3><code aria-label="Import code for the Nav component" class="ImportApi-Code-module--cls2--39jX8 ImportApi-Code-module--cls1--pOn7V"><span class="ImportApi-Keyword-module--cls2--2RGOT ImportApi-Keyword-module--cls1--3rKJT">import</span> <!-- -->Nav<!-- --> <span class="ImportApi-Keyword-module--cls2--2RGOT ImportApi-Keyword-module--cls1--3rKJT">from</span> 'react-bootstrap/<!-- -->Nav<!-- -->'</code><span class="js-search-exclude ImportApi-Link-module--cls2--14_op ImportApi-Link-module--cls1--31Neu"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy fa-w-14 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"></path></svg><span class="sr-only">Copy import code for the Nav component</span></span><div class="overflow-auto mt-4 mb-5 border border-light"><table class="bg-white mb-0 table table-striped table-bordered"><thead><tr><th>Name</th><th>Type</th><th>Default</th><th>Description</th></tr></thead><tbody><tr class="prop-table-row"><td class="text-monospace">active<!-- --> </td><td class="text-monospace"><div>boolean</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The active state of the NavItem item.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">as<!-- --> </td><td class="text-monospace"><div>elementType</div></td><td><code class="PropTable-Code-module--cls2--1p8A9 PropTable-Code-module--cls1--2iQb5"><a></code></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>You can use a custom element type for this component.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">disabled<!-- --> </td><td class="text-monospace"><div>boolean</div></td><td><code class="PropTable-Code-module--cls2--1p8A9 PropTable-Code-module--cls1--2iQb5">false</code></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The disabled state of the NavItem item.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">eventKey<!-- --> </td><td class="text-monospace"><div>any</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Uniquely identifies the <code class="language-text">NavItem</code> amongst its siblings,
used to determine and control the active state of the parent <code class="language-text">Nav</code></p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">href<!-- --> </td><td class="text-monospace"><div>string</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The HTML href attribute for the <code class="language-text">NavLink</code></p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">onSelect<!-- --> </td><td class="text-monospace"><div>function</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>A callback fired when the <code class="language-text">NavLink</code> is selected.</p>
<div class="gatsby-highlight" data-language="js"><pre class="language-js"><code class="language-js"><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">eventKey<span class="token operator">:</span> any<span class="token punctuation">,</span> event<span class="token operator">:</span> SyntheticEvent</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token punctuation">}</span></code></pre></div></div></td></tr><tr class="prop-table-row"><td class="text-monospace">role<!-- --> </td><td class="text-monospace"><div>string</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The ARIA role for the <code class="language-text">NavLink</code>, In the context of a 'tablist' parent Nav,
the role defaults to 'tab'</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">bsPrefix<!-- --> </td><td class="text-monospace"><div>string</div></td><td><code class="PropTable-Code-module--cls2--1p8A9 PropTable-Code-module--cls1--2iQb5">'nav-link'</code></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Change the underlying component CSS base class name and modifier class names prefix. <strong>This is an escape hatch</strong> for working with heavily customized bootstrap css.</p></div></td></tr></tbody></table></div><h3 id="nav-dropdown-props" class="my-3 Heading-styles-module--heading--3cEKx __heading"><div class="d-flex align-items-center"><span class="Anchor-styles-module--wrapper--2R_tQ"><span class="text-monospace">NavDropdown</span><a href="#nav-dropdown-props" class="Anchor-styles-module--anchor--2zQH2" aria-hidden="true"><span aria-hidden="true">#</span></a></span><span class="ml-auto"></span><a href="//github.com/react-bootstrap/react-bootstrap/tree/v1.3.0/src/NavDropdown.tsx" class="js-search-exclude LinkToSource-Link-module--cls2--2C0Y1 LinkToSource-Link-module--cls1--nvUSA"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="code" class="svg-inline--fa fa-code fa-w-20 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"></path></svg><span class="sr-only">view source file</span></a></div></h3><code aria-label="Import code for the NavDropdown component" class="ImportApi-Code-module--cls2--39jX8 ImportApi-Code-module--cls1--pOn7V"><span class="ImportApi-Keyword-module--cls2--2RGOT ImportApi-Keyword-module--cls1--3rKJT">import</span> <!-- -->NavDropdown<!-- --> <span class="ImportApi-Keyword-module--cls2--2RGOT ImportApi-Keyword-module--cls1--3rKJT">from</span> 'react-bootstrap/<!-- -->NavDropdown<!-- -->'</code><span class="js-search-exclude ImportApi-Link-module--cls2--14_op ImportApi-Link-module--cls1--31Neu"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy fa-w-14 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"></path></svg><span class="sr-only">Copy import code for the NavDropdown component</span></span><div class="overflow-auto mt-4 mb-5 border border-light"><table class="bg-white mb-0 table table-striped table-bordered"><thead><tr><th>Name</th><th>Type</th><th>Default</th><th>Description</th></tr></thead><tbody><tr class="prop-table-row"><td class="text-monospace">active<!-- --> </td><td class="text-monospace"><div>boolean</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Style the toggle NavLink as active</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">disabled<!-- --> </td><td class="text-monospace"><div>boolean</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Disables the toggle NavLink</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">id<!-- --> <span class="badge">required</span></td><td class="text-monospace"><div>string|number</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>An html id attribute for the Toggle button, necessary for assistive technologies, such as screen readers.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">menuRole<!-- --> </td><td class="text-monospace"><div>string</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">onClick<!-- --> </td><td class="text-monospace"><div>function</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>An <code class="language-text">onClick</code> handler passed to the Toggle component</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">renderMenuOnMount<!-- --> </td><td class="text-monospace"><div>boolean</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Whether to render the dropdown menu in the DOM before the first time it is shown</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">rootCloseEvent<!-- --> </td><td class="text-monospace"><div>string</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Which event when fired outside the component will cause it to be closed.</p>
-<p><em>see <a href="#menu-props">DropdownMenu</a> for more details</em></p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">title<!-- --> <span class="badge">required</span></td><td class="text-monospace"><div>node</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The content of the non-toggle Button.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">bsPrefix<!-- --> </td><td class="text-monospace"><div>string</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Change the underlying component CSS base class name and modifier class names prefix. <strong>This is an escape hatch</strong> for working with heavily customized bootstrap css.</p></div></td></tr></tbody></table></div></main></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/components/navs/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-830ea7112db76da1b739.js"],"component---src-pages-about-mdx":["/component---src-pages-about-mdx-e51d28c4c53b1c8aa2cb.js"],"component---src-pages-components-accordion-mdx":["/component---src-pages-components-accordion-mdx-0b6408013aa882c186c6.js"],"component---src-pages-components-alerts-mdx":["/component---src-pages-components-alerts-mdx-eb03eb2c2c8a4558869a.js"],"component---src-pages-components-badge-mdx":["/component---src-pages-components-badge-mdx-202aa40d6d3bdf38cef3.js"],"component---src-pages-components-breadcrumb-mdx":["/component---src-pages-components-breadcrumb-mdx-55f886049c98fb36ef8c.js"],"component---src-pages-components-button-group-mdx":["/component---src-pages-components-button-group-mdx-1f48ad79769f4063d880.js"],"component---src-pages-components-buttons-mdx":["/component---src-pages-components-buttons-mdx-451ddb43f0fc2fcea985.js"],"component---src-pages-components-cards-mdx":["/component---src-pages-components-cards-mdx-8e015fd891aeacdae8e7.js"],"component---src-pages-components-carousel-mdx":["/component---src-pages-components-carousel-mdx-9c89f701b8f4af8e3262.js"],"component---src-pages-components-dropdowns-mdx":["/component---src-pages-components-dropdowns-mdx-b36a069ec3b1dc95479a.js"],"component---src-pages-components-figures-js":["/component---src-pages-components-figures-js-2f4e03a60a42eaa27c1b.js"],"component---src-pages-components-forms-js":["/component---src-pages-components-forms-js-0d8099ee9e5991507439.js"],"component---src-pages-components-images-js":["/component---src-pages-components-images-js-ff78f8b0525a2bad4a2d.js"],"component---src-pages-components-input-group-js":["/component---src-pages-components-input-group-js-e3369efb80498bf8ad86.js"],"component---src-pages-components-jumbotron-js":["/component---src-pages-components-jumbotron-js-7a63402cc030a10457a1.js"],"component---src-pages-components-list-group-mdx":["/component---src-pages-components-list-group-mdx-7943613a86f704b33ddf.js"],"component---src-pages-components-modal-js":["/component---src-pages-components-modal-js-3e71c90f11e36cb154cb.js"],"component---src-pages-components-navbar-js":["/component---src-pages-components-navbar-js-7a709d05ab2d4ba692d0.js"],"component---src-pages-components-navs-mdx":["/component---src-pages-components-navs-mdx-6d7f5c00c34894941adc.js"],"component---src-pages-components-overlays-js":["/component---src-pages-components-overlays-js-83d2c5b37577c1fac8b9.js"],"component---src-pages-components-pagination-js":["/component---src-pages-components-pagination-js-ed67843258d4395ffbbc.js"],"component---src-pages-components-progress-js":["/component---src-pages-components-progress-js-5fda5459ebd27625f203.js"],"component---src-pages-components-spinners-mdx":["/component---src-pages-components-spinners-mdx-26390e764dee578fb170.js"],"component---src-pages-components-table-js":["/component---src-pages-components-table-js-52fcf071165fa9597d51.js"],"component---src-pages-components-tabs-js":["/component---src-pages-components-tabs-js-7ef4b14f6e45ef50a287.js"],"component---src-pages-components-toasts-mdx":["/component---src-pages-components-toasts-mdx-a51f5a253d4a0179e258.js"],"component---src-pages-getting-started-introduction-mdx":["/component---src-pages-getting-started-introduction-mdx-e4c5037508a4e13693fa.js"],"component---src-pages-getting-started-support-mdx":["/component---src-pages-getting-started-support-mdx-f7117a171e047101a7dc.js"],"component---src-pages-getting-started-theming-js":["/component---src-pages-getting-started-theming-js-3c9ae3671816d741baf8.js"],"component---src-pages-getting-started-why-react-bootstrap-mdx":["/component---src-pages-getting-started-why-react-bootstrap-mdx-209ffbcabc21520a9470.js"],"component---src-pages-index-js":["/component---src-pages-index-js-0cfbb874470b89d67eb7.js"],"component---src-pages-layout-grid-js":["/component---src-pages-layout-grid-js-b828d7e2b5c27169b225.js"],"component---src-pages-layout-media-js":["/component---src-pages-layout-media-js-9dd8fb5ce16a1b9f7f74.js"],"component---src-pages-migrating-mdx":["/component---src-pages-migrating-mdx-9ce33df03a2ba881c2f8.js"],"component---src-pages-utilities-react-overlays-js":["/component---src-pages-utilities-react-overlays-js-fb2120b72785394ff7b0.js"],"component---src-pages-utilities-responsive-embed-js":["/component---src-pages-utilities-responsive-embed-js-f5c8a472d40fac422dfd.js"],"component---src-pages-utilities-transitions-mdx":["/component---src-pages-utilities-transitions-mdx-6d5d5a51b3bba79c97b1.js"]};/*]]>*/</script><script src="/component---src-pages-components-navs-mdx-6d7f5c00c34894941adc.js" async=""></script><script src="/bf87d7e4d9888352b11d1596aa03f3726309e214-397f83c4cedf36227764.js" async=""></script><script src="/d1250d1ca01456716bef34e24193ef89ad9a536b-784be3dc3d1254dc099e.js" async=""></script><script src="/9b01fecaee5fe38bc0c4760b045705e7896b9838-2cb04a24e2c4ecc8cfb5.js" async=""></script><script src="/commons-ea15af989047fda213ab.js" async=""></script><script src="/f0e45107-116670e30db689a858e6.js" async=""></script><script src="/framework-8b47b7e6370a53ad18cc.js" async=""></script><script src="/styles-023e366f9b590ad02324.js" async=""></script><script src="/app-830ea7112db76da1b739.js" async=""></script><script src="/webpack-runtime-0cdb25569d93048fb270.js" async=""></script></body></html>
\ No newline at end of file
+<p><em>see <a href="#menu-props">DropdownMenu</a> for more details</em></p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">title<!-- --> <span class="badge">required</span></td><td class="text-monospace"><div>node</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>The content of the non-toggle Button.</p></div></td></tr><tr class="prop-table-row"><td class="text-monospace">bsPrefix<!-- --> </td><td class="text-monospace"><div>string</div></td><td></td><td><div class="PropTable-PropDescription-module--cls2--rBO4V PropTable-PropDescription-module--cls1--29mNj"><p>Change the underlying component CSS base class name and modifier class names prefix. <strong>This is an escape hatch</strong> for working with heavily customized bootstrap css.</p></div></td></tr></tbody></table></div></main></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/components/navs/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-830ea7112db76da1b739.js"],"component---src-pages-about-mdx":["/component---src-pages-about-mdx-e51d28c4c53b1c8aa2cb.js"],"component---src-pages-components-accordion-mdx":["/component---src-pages-components-accordion-mdx-0b6408013aa882c186c6.js"],"component---src-pages-components-alerts-mdx":["/component---src-pages-components-alerts-mdx-eb03eb2c2c8a4558869a.js"],"component---src-pages-components-badge-mdx":["/component---src-pages-components-badge-mdx-202aa40d6d3bdf38cef3.js"],"component---src-pages-components-breadcrumb-mdx":["/component---src-pages-components-breadcrumb-mdx-55f886049c98fb36ef8c.js"],"component---src-pages-components-button-group-mdx":["/component---src-pages-components-button-group-mdx-1f48ad79769f4063d880.js"],"component---src-pages-components-buttons-mdx":["/component---src-pages-components-buttons-mdx-451ddb43f0fc2fcea985.js"],"component---src-pages-components-cards-mdx":["/component---src-pages-components-cards-mdx-8e015fd891aeacdae8e7.js"],"component---src-pages-components-carousel-mdx":["/component---src-pages-components-carousel-mdx-9c89f701b8f4af8e3262.js"],"component---src-pages-components-dropdowns-mdx":["/component---src-pages-components-dropdowns-mdx-b36a069ec3b1dc95479a.js"],"component---src-pages-components-figures-js":["/component---src-pages-components-figures-js-2f4e03a60a42eaa27c1b.js"],"component---src-pages-components-forms-js":["/component---src-pages-components-forms-js-0d8099ee9e5991507439.js"],"component---src-pages-components-images-js":["/component---src-pages-components-images-js-ff78f8b0525a2bad4a2d.js"],"component---src-pages-components-input-group-js":["/component---src-pages-components-input-group-js-e3369efb80498bf8ad86.js"],"component---src-pages-components-jumbotron-js":["/component---src-pages-components-jumbotron-js-7a63402cc030a10457a1.js"],"component---src-pages-components-list-group-mdx":["/component---src-pages-components-list-group-mdx-7943613a86f704b33ddf.js"],"component---src-pages-components-modal-js":["/component---src-pages-components-modal-js-3e71c90f11e36cb154cb.js"],"component---src-pages-components-navbar-js":["/component---src-pages-components-navbar-js-7a709d05ab2d4ba692d0.js"],"component---src-pages-components-navs-mdx":["/component---src-pages-components-navs-mdx-6d7f5c00c34894941adc.js"],"component---src-pages-components-overlays-js":["/component---src-pages-components-overlays-js-83d2c5b37577c1fac8b9.js"],"component---src-pages-components-pagination-js":["/component---src-pages-components-pagination-js-ed67843258d4395ffbbc.js"],"component---src-pages-components-progress-js":["/component---src-pages-components-progress-js-5fda5459ebd27625f203.js"],"component---src-pages-components-spinners-mdx":["/component---src-pages-components-spinners-mdx-26390e764dee578fb170.js"],"component---src-pages-components-table-js":["/component---src-pages-components-table-js-52fcf071165fa9597d51.js"],"component---src-pages-components-tabs-js":["/component---src-pages-components-tabs-js-7ef4b14f6e45ef50a287.js"],"component---src-pages-components-toasts-mdx":["/component---src-pages-components-toasts-mdx-a51f5a253d4a0179e258.js"],"component---src-pages-getting-started-introduction-mdx":["/component---src-pages-getting-started-introduction-mdx-e4c5037508a4e13693fa.js"],"component---src-pages-getting-started-support-mdx":["/component---src-pages-getting-started-support-mdx-f7117a171e047101a7dc.js"],"component---src-pages-getting-started-theming-js":["/component---src-pages-getting-started-theming-js-3c9ae3671816d741baf8.js"],"component---src-pages-getting-started-why-react-bootstrap-mdx":["/component---src-pages-getting-started-why-react-bootstrap-mdx-209ffbcabc21520a9470.js"],"component---src-pages-index-js":["/component---src-pages-index-js-0cfbb874470b89d67eb7.js"],"component---src-pages-layout-grid-js":["/component---src-pages-layout-grid-js-b828d7e2b5c27169b225.js"],"component---src-pages-layout-media-js":["/component---src-pages-layout-media-js-9dd8fb5ce16a1b9f7f74.js"],"component---src-pages-migrating-mdx":["/component---src-pages-migrating-mdx-9ce33df03a2ba881c2f8.js"],"component---src-pages-utilities-react-overlays-js":["/component---src-pages-utilities-react-overlays-js-fb2120b72785394ff7b0.js"],"component---src-pages-utilities-responsive-embed-js":["/component---src-pages-utilities-responsive-embed-js-f5c8a472d40fac422dfd.js"],"component---src-pages-utilities-transitions-mdx":["/component---src-pages-utilities-transitions-mdx-6d5d5a51b3bba79c97b1.js"]};/*]]>*/</script><script src="/component---src-pages-components-navs-mdx-6d7f5c00c34894941adc.js" async=""></script><script src="/bf87d7e4d9888352b11d1596aa03f3726309e214-397f83c4cedf36227764.js" async=""></script><script src="/d1250d1ca01456716bef34e24193ef89ad9a536b-784be3dc3d1254dc099e.js" async=""></script><script src="/9b01fecaee5fe38bc0c4760b045705e7896b9838-2cb04a24e2c4ecc8cfb5.js" async=""></script><script src="/commons-ea15af989047fda213ab.js" async=""></script><script src="/f0e45107-116670e30db689a858e6.js" async=""></script><script src="/framework-8b47b7e6370a53ad18cc.js" async=""></script><script src="/styles-023e366f9b590ad02324.js" async=""></script><script src="/app-830ea7112db76da1b739.js" async=""></script><script src="/webpack-runtime-0cdb25569d93048fb270.js" async=""></script></body></html>