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>
  <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

AutoTypeTable Error

No type data generated. Verify the path/name and ensure the file is readable from the configured basePath.

Path: ./packages/react/src/components/consent-preferences-link/consent-preferences-link.tsx

Name: ConsentDialogLinkProps

Basic Usage

Footer Link (unstyled by default)

Render as an Anchor

Optional Styling Control

Props