---
title: ConsentDialogLink
description: An inline trigger for opening the consent dialog from footers, legal pages, and account settings.
---
`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

```tsx
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)

```tsx
<footer>
  <ConsentDialogLink>
    Your privacy settings
  </ConsentDialogLink>
</footer>
```

## Render as an Anchor

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

```tsx
<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:

```tsx
<ConsentDialogLink noStyle={false}>
  Privacy Settings
</ConsentDialogLink>
```

## Props

| Property | Type      | Description                                                                          | Default |  Required  |
| :------- | :-------- | :----------------------------------------------------------------------------------- | :------ | :--------: |
| children | ReactNode | Custom trigger content, for example "Your privacy settings" or "Manage preferences". | -       | ✅ Required |