@lu-development/ux-gdpr-consent

Using this component

Script tag

• Put a script tag similar to this <script src='https://unpkg.com/@lu-development/ux-gdpr-consent@1.1.1/dist/ux-gdpr-consent/ux-gdpr-consent.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc like <ux-gdpr-consent></ux-gdpr-consent>

Node Modules

• Run npm i @lu-development/ux-gdpr-consent
• Put a script tag similar to this <script src='node_modules/ux-gdpr-consent/dist/ux-gdpr-consent.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

In a SPA

• Run npm i @lu-development/ux-gdpr-consent
• Add an import to the npm packages import ux-gdpr-consent;
• Then you can use the element anywhere in your template, JSX, html etc like <ux-gdpr-consent></ux-gdpr-consent>

Properties

Property	Attribute	Description	Type	Default
integrateGoogleTagManager	integrate-google-tag-manager	Used to emit gdpr-consent-grant or gdpr-consent-revoke event into window.dataLayer	boolean	true

Events

Event	Description	Type
gdpr-consent	Custom Event with a detail of isConsentGranted of type boolean	CustomEvent<any>

Methods

grantConsentCookie({ returnFocus, passedGrantType }?: { returnFocus?: boolean; passedGrantType?: string; }) => Promise<void>

Returns

Type: Promise<void>

init() => Promise<void>

Returns

Type: Promise<void>

resetConsentCookie() => Promise<void>

Returns

Type: Promise<void>

revokeConsentCookie({ returnFocus }?: { returnFocus?: boolean; }) => Promise<void>

Returns

Type: Promise<void>