Overview
Cookie Alert is a simple, good looking cookie alert for Bootstrap and with no dependencies required. For more info on cookies, please visit: https://github.com/Wruczek/Bootstrap-Cookie-Alert
Usage
Cookie Alert's styles and script bundles are separate from our global bundle and required to be included and initialized manually on related pages.
<link href="assets/plugins/custom/cookiealert/cookiealert.bundle.css" rel="stylesheet" type="text/css"/>
<script src="assets/plugins/custom/cookiealert/cookiealert.bundle.js"></script>Initialization
-
Cookie Alert requires a simple
.cookiealertCSS class added to any HTML element that will represent the cookie alert message. -
Add
.acceptcookiesCSS class to the cookie "Accept" button to trigger the cookie acceptance.
The cookie alert element can include all of Bootstrap 5 classes, along with our own extended Boostrap 5 CSS classes to make it look and feel exactly as required.
Cookie Alert
Here's an example of Cookie Alert popping up from the bottom of the screen.
<!--begin::Cookie alert-->
<div class="d-flex d-lg-block flex-column bg-dark text-gray-300 text-center rounded-0 cookiealert py-5">
Here's an example of a cookie alert pop up from the bottom of the screen.
Click the "Agree" button to accept the cookie.
<a href="#">Learn more</a>
<button type="button" class="btn btn-primary d-inline mx-auto ms-lg-5 acceptcookies mt-5 mt-lg-0">
I agree
</button>
</div>
<!--end::Cookie alert-->Accept Event
Cookie Alert also comes with an event triggered upon accepting the cookie.
| Name | Description |
|---|---|
cookieAlertAccept
|
Allows JS to hook any function upon accepting a cookie. For more info, please visit the official documentation.
|
2024©
Keenthemes
