---
title: ConsentBanner
description: A pre-built consent banner that appears when user consent is needed. Supports policy-aware layout, theming, and advanced composition when markup must change.
---
<import src="../../../shared/react/components/consent-banner.mdx#intro" />

## Basic Usage

```tsx
import { ConsentManagerProvider, ConsentBanner } from '@c15t/nextjs';

export function ConsentManager() {
  return (
    <ConsentManagerProvider options={{ mode: 'hosted', backendURL: '/api/c15t' }}>
      <ConsentBanner />
    </ConsentManagerProvider>
  );
}
```

<import src="../../../shared/react/components/consent-banner.mdx#customization" />

<import src="../../../shared/react/components/consent-banner.mdx#props" />