fix(cookie): added custom cookie classnames

Se-Gl · Aug 7, 2022 · 92802b9 · 92802b9
1 parent e4500a2
commit 92802b9
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,9 +1,8 @@
 ## [7.0.9](https://github.com/Se-Gl/codn/compare/v7.0.8...v7.0.9) (2022-08-07)
 
-
 ### Bug Fixes
 
-* **modal:** added modal icon color class name ([a756fe8](https://github.com/Se-Gl/codn/commit/a756fe85552faf6ad98d0a7e76db90ad036885c3))
+- **modal:** added modal icon color class name ([a756fe8](https://github.com/Se-Gl/codn/commit/a756fe85552faf6ad98d0a7e76db90ad036885c3))
 
 ## [7.0.8](https://github.com/Se-Gl/codn/compare/v7.0.7...v7.0.8) (2022-08-07)
 

diff --git a/README.md b/README.md
@@ -429,6 +429,7 @@ export default function CookieComponent() {
 | showButton   | true                                                                                                                                                                                                                                                              | Show the button which shows the footer button - if you disable it, localstorage functionality will no longer be available. |
 | buttonStyle  | 'cursor-pointer flex py-10px px-25px min-w-50px font-bold transition-duration-200ms transition-all rounded-10px border-1px border-solid border-black my-auto text-center justify-center items-center m-auto text-15px text-black hover:bg-black hover:text-white' | Set a custom cookie button style                                                                                           |
 | { children } | Our website use cookies. By continuing, we assume your permission to deploy cookies as detailed in our Privacy Policy.                                                                                                                                            | Set a custom body content                                                                                                  |
+| className    | ""                                                                                                                                                                                                                                                                | Set additional custom classNames                                                                                           |
 
 ### How to use the Toast
 

diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.js b/dist/index.js
diff --git a/src/components/CookieBanner/CookieBanner.js b/src/components/CookieBanner/CookieBanner.js
@@ -8,6 +8,7 @@ export function CookieBanner({
   showButton = true,
   buttonText = 'Accept',
   buttonStyle = 'mt-25px cursor-pointer flex py-10px px-25px min-w-50px font-bold transition-duration-200ms transition-all rounded-10px border-1px border-solid border-black my-auto text-center justify-center items-center mx-auto my-auto text-15px text-black hover:bg-black hover:text-white',
+  className,
   children
 }) {
   const [cookieBanner, setCookieBanner] = useState(true)
@@ -40,7 +41,7 @@ export function CookieBanner({
         <div
           className={`fixed m-20px max-h-50vh w-50vw sm:w-auto md:w-auto bg-white z-99 rounded-10px overflow-scroll ${
             shadow ? 'shadow-small-gray' : ''
-          } ${position && checkPosition}`}
+          } ${position && checkPosition} ${className}`}
           id='cookie-banner'>
           <div className='flex h-100per sm:block p-20px'>
             <div className='m-auto'>