Bite Consent

Bite Consent is a lightweight React library for managing cookie consent views with customizable descriptions and actions. It provides an easy way to implement cookie consent functionality in your React applications while ensuring compliance with privacy regulations.

Features

• Simple integration with React applications
• Customizable cookie consent banner with description and actions
• Built-in actions for "Got it" and opening the privacy policy
• Lightweight and easy to use

Installation

You can install Bite Consent via npm or yarn:

npm install bite-consent

or

yarn add bite-consent

Usage

To use Bite Consent in your React application, you can now also use the useBiteConsent hook:

import React from 'react'
import { useBiteConsent } from 'bite-consent'

function App() {
  const { consentCookie, show, revoke } = useBiteConsent({
    privacyPolicyUrl: 'https://example.com/privacy',
    theme: {
      mode: 'auto'
    }
  })

  return (
    <div>
      <header>
        <h1>Welcome to My Website</h1>
      </header>
      <main>{/* Your component content */}</main>
      {consentCookie ? null : <button>Show Consent Banner</button>}
    </div>
  )
}

export default App

BiteConsentOptions

Position

CustomPosition

CookieConfig

Theme

The theme object allows customization of the colors used in the consent banner.

ColorSet Properties:

• background: Background color of the consent banner.
• text: Text color of the consent banner.
• shadow: Box shadow of the consent banner.
• primaryActionBackground: Background color of primary action buttons.
• primaryActionHoverBackground: Background color of primary action buttons on hover.
• primaryActionText: Text color of primary action buttons.
• secondaryActionBackground: Background color of secondary action buttons.
• secondaryActionText: Text color of secondary action buttons.
• secondaryActionHoverBackground: Background color of secondary action buttons on hover.

License

Bite Consent is released under the MIT License.