ConsentBanner

const ConsentBanner: DefineComponent<{}, () => undefined | null | VNode<RendererNode, RendererElement, {}>[], {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, ToResolvedProps<{}, {}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

Defined in: packages/vue/src/banner.ts:53

Headless banner component. Renders nothing while the store is hydrating (!ready) or when the banner is closed. Uses the default scoped slot to pass the consent API down.

Example

<ConsentBanner v-slot="{ resolved, grantAll, denyAll, save }">
  <div class="banner">
    <CategoryRow v-for="c in resolved" :key="c.id" :category="c" />
    <button @click="denyAll">Reject All</button>
    <button @click="grantAll">Accept All</button>
  </div>
</ConsentBanner>