nuxt-c15t Playground

State: ui: none

Dialog Trigger, Link & Widget

Three ways to let users manage consent outside of the initial banner.

C15tDialogLink

Inline trigger for the preferences dialog. Use it in footers and legal pages.

Read our cookie policy and at any time.

C15tDialogTrigger

Floating drag-to-any-corner button. Already rendered in this app root (see the floating icon). Position is persisted to localStorage.

C15tWidget

Inline, always-visible consent controls. Drop on an account or privacy settings page.

Privacy Settings

Customize your privacy settings here.

Code

<!-- Inline link in body copy -->
Read our policy and <C15tDialogLink>update your preferences</C15tDialogLink>.

<!-- Floating corner trigger, mounted once in app.vue -->
<C15tDialogTrigger show-when="after-consent" default-position="bottom-right" />

<!-- Inline widget on a settings page -->
<C15tWidget />