mirror of
https://github.com/Mastermindzh/react-cookie-consent.git
synced 2024-10-22 16:48:15 +02:00
7cc1fc3905
Checking the {acceptedByScrolling} boolean property will allow you to
determine whether the acceptance was triggered by the user scrolling
(if acceptedByScrolling=true) or explicitly clicking the Accept button
(if acceptedByScrolling=false).
41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import * as React from "react";
|
|
import Cookies from "js-cookie";
|
|
|
|
export interface CookieConsentProps {
|
|
location?: "top" | "bottom" | "none";
|
|
style?: object;
|
|
buttonStyle?: object;
|
|
declineButtonStyle?: object;
|
|
contentStyle?: object;
|
|
children?: React.ReactNode;
|
|
disableStyles?: boolean;
|
|
hideOnAccept?: boolean;
|
|
onAccept?: ({ acceptedByScrolling }: { acceptedByScrolling?: boolean }) => void;
|
|
onDecline?: Function;
|
|
buttonText?: Function | React.ReactNode;
|
|
declineButtonText?: Function | React.ReactNode;
|
|
cookieName?: string;
|
|
cookieValue?: string | boolean | number;
|
|
declineCookieValue?: string | boolean | number;
|
|
setDeclineCookie?: boolean;
|
|
debug?: boolean;
|
|
expires?: number;
|
|
containerClasses?: string;
|
|
contentClasses?: string;
|
|
buttonClasses?: string;
|
|
declineButtonClasses?: string;
|
|
buttonId?: string;
|
|
declineButtonId?: string;
|
|
acceptOnScroll?: boolean;
|
|
acceptOnScrollPercentage?: number;
|
|
extraCookieOptions?: object;
|
|
disableButtonStyles?: boolean;
|
|
enableDeclineButton?: boolean;
|
|
flipButtons?: boolean;
|
|
ButtonComponent?: Function | React.ReactElement;
|
|
}
|
|
|
|
export default class CookieConsent extends React.Component<CookieConsentProps, {}> {}
|
|
|
|
export { Cookies };
|