ConsentDialogLink

ConsentDialogLink is an inline trigger for opening the consent dialog from places like site footers, legal pages, or account settings. It is unstyled by default, so it inherits your app's typography and link/button styles.

Basic Usage

import { ConsentDialogLink } from '@c15t/nextjs/components/consent-dialog-link';

export function SiteFooter() {
  return (
    <footer>
      <ConsentDialogLink>Your privacy settings</ConsentDialogLink>
    </footer>
  );
}

Footer Link (unstyled by default)

<footer>
  <ConsentDialogLink>Your privacy settings</ConsentDialogLink>
</footer>;

Render as an Anchor

Use asChild to keep semantic anchor markup while still opening the dialog:

<ConsentDialogLink asChild>
  <a href="#privacy-settings">Manage Preferences</a>
</ConsentDialogLink>;

Optional Styling Control

The component defaults to noStyle={true}. Set it to false if you want c15t button styles:

<ConsentDialogLink noStyle={false}>Privacy Settings</ConsentDialogLink>;

Props

Property

Types

Loading…