Barmer Fractal

Consent 

<div class="m-consent a-richtext richtext--article ">
    <h2>Externe Inhalte anzeigen</h2>
    <p>Sie können sich an dieser Stelle externe Inhalte anzeigen lassen.</p>
    <p>Ich bin damit einverstanden, dass personenbezogene Daten an Drittplattform übermittelt werden. Mehr dazu in unserer <a class="bm-richtext-link" href="#">Datenschutzerklärung</a>.</p>

    <label class="a-toggle js-consent-toggle" for="toggle-checkbox-1">
        <span class="toggle__text-label">Externe Inhalte zulassen</span>
        <input class="toggle__checkbox" type="checkbox" id="toggle-checkbox-1" />
        <span class="toggle__slider" data-text-enabled="ja" data-text-disabled="nein">
            <span class="toggle__indicator"></span>
        </span>
        <span class="sr-only toggle__alert" aria-live="polite" data-text-checked="Externe Inhalte sind jetzt zugelassen" data-text-unchecked="Externe Inhalte sind jetzt geblockt"></span>
    </label>

</div>
 
<div class="m-consent a-richtext richtext--article {{viewtypes.specifier}}">
  <h2>{{content.headline}}</h2>
  <p>{{content.description}}</p>
  <p>{{{content.privacyNotice}}}</p>

  {{#switches.withToggle}}
  {{render '@formelement-toggle--third-party-consent-manager' partials.toggle merge=true}}
  {{/switches.withToggle}}

</div>
 
{
  "switches": {
    "withToggle": true
  },
  "viewtypes": {
    "specifier": ""
  },
  "content": {
    "id": "",
    "ariaLabelledby": "",
    "ariaDescribedby": "",
    "headline": "Externe Inhalte anzeigen",
    "description": "Sie können sich an dieser Stelle externe Inhalte anzeigen lassen.",
    "privacyNotice": "Ich bin damit einverstanden, dass personenbezogene Daten an Drittplattform übermittelt werden. Mehr dazu in unserer <a class=\"bm-richtext-link\" href=\"#\">Datenschutzerklärung</a>."
  },
  "partials": {
    "toggle": {
      "content": {
        "id": "toggle-checkbox-1"
      }
    }
  }
}

No notes defined.