PrivacyKit
EgenskaberHurtigstartPriser

CSS-snippets

Undgå flicker før webkomponenterne er færdigindlæste. Uden dette snippet kan slottet eller beskyttet HTML kort vises når:

  1. consent-dialog kan blinke kort, hvis du bruger slottede elementer, og de renderes før komponentdefinitionen er indlæst.
  2. consent-guard kan blinke kort, hvis den bruges til betinget HTML, og indholdet renderes før komponenten aktiveres.
  3. consent-missing kan blinke kort, hvis den bruges som fallback, og den renderes før komponenten aktiveres.

Tilføj styling i dit light DOM for at undgå blink.

NPM
CSS
consent-dialog:not(:defined) [slot] {
  display: none;
}

consent-guard:not([active]) {
  display: none;
}

consent-missing:not([active]) {
  display: none;
}
Hvis du bruger slottet indhold eller bruger consent-guards med HTML, så indsæt dette snippet i dit globale stylesheet eller en <style>-tag, der kører før PrivacyKit web components rendres.