Frameworks

Stuur PrivacyKit aan vanuit JavaScript

Gebruik window.PrivacyKit om toestemming te lezen, toestemmingsuitdrukkingen te controleren, dialogen te openen en te luisteren naar toestemmingswijzigingen. Dit is nuttig wanneer uw applicatie programmatische controle nodig heeft, zoals in React, Vue of gewone JavaScript.

const api = window.PrivacyKit;

api.onReady(() => {
  const consent = window.PrivacyKit.readConsent();
  const initialState = consent ? JSON.stringify(consent, null, 2) : "";
  console.log(initialState);
});

api.onConsentChanged((consent) => {
  const updatedState = consent ? JSON.stringify(consent, null, 2) : "";
  console.log(updatedState);
});

function handleOpenConsentDialogBtnClick() {
  api.openConsentDialog();
}

function handleOpenPrivacyPolicyDialogBtnClick() {
  api.openPrivacyPolicyDialog();
}

function handleToggleComplianceMonitorBtnClick() {
  api.toggleComplianceMonitor();
}

TypeScript-ondersteuning

Verbeter de developer experience met autocomplete, typeveiligheid en native ondersteuning voor PrivacyKit webcomponents.

{
  "include": ["src", "types/**/*.d.ts"]
}

Frameworknotities

Framework-specifieke aanwijzingen voor het integreren van PrivacyKit custom elements.

• React: Voeg het TypeScript-definitiebestand toe om PrivacyKit-webcomponents als native elementen binnen JSX te gebruiken.
• Vue 3: stel compilerOptions.isCustomElement in voor PrivacyKit-tags.
• Angular: voeg CUSTOM_ELEMENTS_SCHEMA toe waar custom elements worden gebruikt.
• Svelte: geen extra runtime-configuratie vereist.