### Cookie Notice

Falcon has a built-in notification component that allows users to notify cookie uses on the website.

Toggle Notification

##### Structure

Falcon's Cookie Notice uses Bootstrap's "Toast" feature to show the notice content. `.notice` class is responsible for showing the notice as a popup. See Toasts documentation on Bootstrap.

    <div class="toast notice" role="alert" data-options='{"autoShow":true,"autoShowDelay":0,"showOnce":true,"cookieExpireTime":7200000}' data-autohide="false" aria-live="assertive" aria-atomic="true">
      <div class="toast-body">

        <!-- Your notice content  -->
      </div>
    </div>

##### Options

You can pass options via `data-options` through `.notice` element to control it's behavior.

data-options | object
--- | ---
Example |
    data-options={"autoShow": true, "autoShowDelay": 3000, "showOnce": true, "cookieExpireTime": 7200000}}

Option | Type | Defaults | Description
--- | --- | --- | ---
autoShow | `Boolean` | `false` | Set `true` to make the Notice show automatically after the page is loaded.
autoShowDelay | `Number` | `0` | How much time (ms) should wait after the page is loaded before showing the Notice. Works only when the autoShow is set true
showOnce | `Boolean` | `false` | The Notice will show only once - for the first time when a user view the website and remain hidden according to the `cookieExpireTime` number.
cookieExpireTime | `Number` | `7200000` | After how many time (ms) the cookie will expired. Count down starts after the user hits the “Close” or “OK, I UNDERSTAND” button on the cookie notice.

#### Register

Please create your free Falcon account

Name
Email address
Password
Confirm Password
I accept the terms and privacy policy

or register with
google
facebook

We use third party cookies to personalize content, ads and analyze site traffic.

Learn more

##### Settings

Set your own customized style

##### Color Scheme

Choose the perfect color mode for your app.

##### RTL Mode

Switch your language direction

RTL Documentation

##### Fluid Layout

Toggle container layout system

Fluid Documentation

##### Navigation Position

Select a suitable navigation system for your web application

##### Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

##### Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.

Purchase
customize