diff --git a/index.js b/index.js
index adf023bb9ac1e8b06bd3548fff3ab18d46ce3179..edb3d0b988dd94c87d96072a8c58b7e2bd22e892 100644
--- a/index.js
+++ b/index.js
@@ -25,10 +25,11 @@ export { default as Carousel } from "./src/components/core/Carousel";
 // Logo components
 export { default as Logo } from "./src/components/core/Logo";
 
+// Cookies components
+export { default as CookiesComponent } from "./src/components/CookiesComponent";
+
 // Menu components
 export { default as Menu } from "./src/components/core/Menu";
 
 // Menu components
 export { default as MenuMobile } from "./src/components/core/MenuMobile";
-// Cookies components
-export { default as CookiesComponent } from "./src/components/CookiesComponent";
diff --git a/src/pages-doc/doc/core/cookies.tsx b/src/pages-doc/doc/core/cookies.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..404b6a459c4bd53a288c8eac5c71b7846da9a81c
--- /dev/null
+++ b/src/pages-doc/doc/core/cookies.tsx
@@ -0,0 +1,44 @@
+import React from 'react'
+import { Content } from "@onegeo/gatsby-theme-onegeo";
+import { CookiesComponent } from "@onegeo/gatsby-theme-onegeo";
+import { Link } from "gatsby";
+
+
+const cookies = () => {
+  const decline = () => {
+    return null
+  }
+  return (
+    <Content>
+    <div className="prose">
+      <Link to="/doc/core">Retour</Link>
+
+      <h1>Cookies</h1>
+      <h2>Props</h2>
+      <div className="mockup-code">
+        <pre>
+          <code>
+            {`interface Icookies {
+               location?: string,
+               buttonText?: string,
+               declineButtonText?: String,
+               expires?: number,
+               styles?: {},
+               buttonStyles?: {},
+               declineButtonStyle?: {},
+               decline: any
+            }`}
+          </code>
+        </pre>
+      </div>
+
+      <h2>Example</h2>
+    </div>
+    <div className="flex gap-6 m-4">
+        <CookiesComponent declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }} decline={decline}/>
+    </div>
+  </Content>
+  )
+}
+
+export default cookies
diff --git a/src/pages-doc/doc/core/index.tsx b/src/pages-doc/doc/core/index.tsx
index 03fe2eb1228fd3b1b5d5ed62138dcb85b622b8f2..f87e61e38832bf522eb226a055079393f3726baf 100644
--- a/src/pages-doc/doc/core/index.tsx
+++ b/src/pages-doc/doc/core/index.tsx
@@ -26,6 +26,8 @@ function index(): ReactElement {
         <br></br>
         <Link to="/doc/core/logo">Logo</Link>
         <br></br>
+        <Link to="/doc/core/cookies">Cookies</Link>
+        <br></br>
         <Link to="/doc/core/menu">Menu</Link>
         <br></br>
         <Link to="/doc/core/image">Image</Link>