diff --git a/packages/react/src/App.tsx b/packages/react/src/App.tsx
index 76320e0..34dc728 100644
--- a/packages/react/src/App.tsx
+++ b/packages/react/src/App.tsx
@@ -14,6 +14,7 @@ import DocsIntroduction from "./docs/docs/introduction.mdx";
 import DocsInstallation from "./docs/docs/installation.mdx";
 
 import ComponentsButton from "./docs/components/Button.mdx";
+import ComponentsCheckbox from "./docs/components/Checkbox.mdx";
 
 const overrideComponents = {
   pre: (props: any) => <pre {...props} className={`${props.className} hljs`} />,
@@ -34,7 +35,7 @@ const router = createBrowserRouter(
   createRoutesFromElements(
     <Route path="/" element={<MainLayout />} errorElement={<ErrorBoundary />}>
       <Route index element={<Home />} />
-      <Route path="/docs" element={<DocsLayout />}>
+      <Route path="docs" element={<DocsLayout />}>
         <Route index element={<DocsIntroduction />} />
         <Route path="installation" element={<DocsInstallation />} />
         <Route path="components">
@@ -43,6 +44,10 @@ const router = createBrowserRouter(
             path="button"
             element={<ComponentsButton components={overrideComponents} />}
           />
+          <Route
+            path="checkbox"
+            element={<ComponentsCheckbox components={overrideComponents} />}
+          />
         </Route>
       </Route>
     </Route>