Tailwind CSS Cookie Banner Modal

Cookie banner modal light & dark version made using Tailwind CSS

/r/n <\/a>\r\n<\/div>","author_type":"App\\User","author_id":12395,"collection_id":null,"fork_id":null,"votes":1,"score":"5.0","visits":4021,"popularity":258,"slug":"cookie-banner-modal","approved":1,"created_at":"2023-05-27T00:00:00.000000Z","updated_at":"2024-09-19T02:18:49.000000Z","downloads":81,"code_views":306,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":9628,"model_type":"App\\Component","model_id":5131,"collection_name":"preview","name":"temp95636","file_name":"temp95636.png","mime_type":"image\/png","disk":"public","size":67218,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp95636___media_library_original_1280_957.png","temp95636___media_library_original_1070_800.png","temp95636___media_library_original_896_670.png","temp95636___media_library_original_749_560.png","temp95636___media_library_original_627_469.png","temp95636___media_library_original_524_392.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FHQUFnQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvU1puMjlhOU04OGFKbFBRaWdBRGcwQU9IV2tBMlZONElwZ1owOFR3RDVNazBnSkxKbmI3NElvM0hzYUE2VWtJVTgxUURTZ05BQUVBb0FqZDlsUzNZYVZ6LzlrPSI+Cgk8L2ltYWdlPgo8L3N2Zz4="}},"order_column":9333,"created_at":"2023-05-27T09:32:00.000000Z","updated_at":"2023-05-27T09:32:02.000000Z","conversions_disk":"public","uuid":"b79987b9-77a5-4189-9a1b-3a1930edb5d6","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/9628\/temp95636.png","preview_url":""}],"author":{"id":12395,"name":"Arif Khan","slug":"arif-khan","bio":"Buy me a Coffee: https:\/\/www.buymeacoffee.com\/arifix","avatar":"https:\/\/www.gravatar.com\/avatar\/cb16e3a61ce009fff5b98d4372378c36","header":null,"created_at":"2023-05-17T14:08:45.000000Z","updated_at":"2023-05-17T14:33:42.000000Z"},"tags":[{"id":10,"name":{"en":"Modals"},"description":"Choose from our extensive collection of responsive modals to create dialogs, popovers, light boxes, and so on. Show interactive information to your website users using these Tailwind snippets.","meta_description":"Choose from our extensive collection of responsive modals to create dialogs, popovers, light boxes, and so on.","slug":{"en":"modals"},"type":null,"order_column":8,"created_at":"2020-09-29T11:20:03.000000Z","updated_at":"2022-08-01T16:22:07.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":5131,"tag_id":10}},{"id":82,"name":{"en":"Banner"},"description":"Utilize the banner component from Tailwind CSS, employing its utility classes to display marketing messages and Call-to-Action (CTA) buttons either at the top or bottom section of your website.","meta_description":"Utilize the banner component from Tailwind CSS, employing its utility classes to display marketing messages and Call-to-Action (CTA) buttons either at the top or bottom section of your website.","slug":{"en":"banner"},"type":null,"order_column":71,"created_at":"2023-11-14T16:17:58.000000Z","updated_at":"2023-11-14T16:17:58.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":5131,"tag_id":82}}],"fork":null,"favorites":[{"id":12167,"name":"entykey","slug":"entykey","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/89012668?v=4","header":null,"created_at":"2023-05-01T17:14:19.000000Z","updated_at":"2023-05-01T17:14:19.000000Z","pivot":{"component_id":5131,"user_id":12167}},{"id":3317,"name":"J\u00f4natas Fenske","slug":"jonatas-fenske","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/d02ae88e386278d46bdbd74d59ef66fa","header":null,"created_at":"2021-05-05T00:16:38.000000Z","updated_at":"2021-05-05T00:16:38.000000Z","pivot":{"component_id":5131,"user_id":3317}},{"id":8280,"name":"NdekoCode","slug":"ndekocode","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/85836702?v=4","header":"\/storage\/headers\/3FqzEebO3eZi51EIVGBz9z4Z9OfkfxfX63Dtgga5.png","created_at":"2022-06-28T15:31:22.000000Z","updated_at":"2023-09-08T17:49:11.000000Z","pivot":{"component_id":5131,"user_id":8280}},{"id":1434,"name":"Matt","slug":"matt","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/2098eb6a3d48b22ed0692849699c795a","header":null,"created_at":"2020-10-27T13:11:58.000000Z","updated_at":"2020-10-27T13:11:58.000000Z","pivot":{"component_id":5131,"user_id":1434}}]}" :edit="false"> Full screen Preview

Arif Khan

5 components

Community Rate

Related components

See more components