Add isHashRouter to types.ts and QuickNavCodePage

Author: PelayoFelgueroso

apps/website/screens/components/quick-nav/code/QuickNavCodePage.tsx

@@ -21,6 +21,17 @@ const sections = [
           </tr>
         </thead>
         <tbody>
+          <tr>
+            <td>isHashRouter</td>
+            <td>
+              <TableCode>boolean</TableCode>
+            </td>
+            <td>
+              If true, enables navigation to sections within the page using the onClick handler, ensuring compatibility
+              with HashRouter.
+            </td>
+            <td>false</td>
+          </tr>
           <tr>
             <td>
               <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">

packages/lib/src/quick-nav/types.ts

@@ -10,6 +10,10 @@ type Link = {
 };
 
 type Props = {
+  /**
+   * If true, enables navigation to sections within the page using the onClick handler, ensuring compatibility with HashRouter.
+   */
+  isHashRouter?: boolean;
   /**
    * Title of the quick nav component.
    */
@@ -18,10 +22,6 @@ type Props = {
    * Links to be shown inside the quick nav component.
    */
   links: Link[];
-  /*
-   * Links to be shown inside the quick nav component.
-   */
-  isHashRouter?: boolean;
 };
 
 export default Props;