This page shows how to make a component blocked until the user has consented to multiple purposes.

Here, one component is only shown if they consent to both marketing and analytics.

To do this, simply separate the purposes with a comma, like this:

    data-block-on-consent-purposes="purpose-marketing,purpose-analytics"

And now, some meaningless content

Anyway, let's see. This page contains all sorts of content.

Some of it is amazing. But most of it is extremely amazing.

They say "content is king". But who are they? Monarchists? And why would content be gendered in the first place?

The true goal of this astonishing content is to use up a bunch of space so that the consent dialog has a chance of popping up over it.

For that reason, this might look better in a mobile emulator.