@klaxit/cookie-consent/src/consent_box.html.js

A simple dialog to handle cookie consent and comply with data privacy laws. Fully compliant with European GDPR & California CCPA.

export default `
<div class="cc-container cc-noselect">
  <div class="cc-box">
    <div class="cc-title">
      <!-- Title goes here -->
    </div>
    <div class="cc-section-landing">
      <div class="cc-description cc-content">
        <!-- Description goes here -->
      </div>
      <div class="cc-buttons">
        <div class="cc-btn cc-btn-settings cc-btn-show-settings">
          <!-- Cookie settings button -->
        </div>
        <div class="cc-btn cc-btn-reject">
          <!-- Reject button -->
        </div>
        <div class="cc-btn cc-btn-accept cc-btn-accept-all">
          <!-- Accept button -->
        </div>
      </div>
    </div>
    <div class="cc-section-settings cc-hidden">
      <div class="cc-content">
        <div class="cc-categories cc-checkboxes">
          <!-- Category checkboxes go here -->
        </div>
        <div class="cc-category-description">
          <!-- Category description go here -->
        </div>
      </div>
      <div class="cc-buttons">
        <div class="cc-btn cc-btn-settings cc-btn-hide-settings">
          <!-- Hide button -->
        </div>
        <div class="cc-btn cc-btn-reject">
          <!-- Reject button -->
        </div>
        <div class="cc-btn cc-btn-accept cc-btn-accept-selected">
          <!-- Accept Cookies button -->
        </div>
      </div>
    </div>
  </div>
</div>
`.trim()