---
title: IAB TCF 2.3
description: Implement IAB Transparency & Consent Framework 2.3 compliance for programmatic advertising in EU/EEA jurisdictions.
---
<import src="../../../shared/react/iab/overview.mdx#intro" />

## Quick Setup

If you use the prebuilt styled IAB UI, import the IAB stylesheet alongside the base stylesheet in your global CSS entrypoint:

```css title="src/index.css"
@import "@c15t/react/styles.css";
@import "@c15t/react/iab/styles.css";
```

```tsx
import { type ReactNode } from 'react';
import { iab } from '@c15t/iab';
import { ConsentManagerProvider } from '@c15t/react';
import { IABConsentBanner, IABConsentDialog } from '@c15t/react/iab';

export default function ConsentManager({ children }: { children: ReactNode }) {
  return (
    <ConsentManagerProvider
      options={{
        mode: 'hosted',
        backendURL: 'https://your-instance.c15t.dev',
        iab: iab({
          vendors: [1, 2, 10, 25],  // IAB vendor IDs you work with
          // cmpId is automatically provided by the backend (inth.com).
          // Only set this if you have your own CMP registration with IAB Europe.
          // cmpId: 123,
        }),
      }}
    >
      <IABConsentBanner />
      <IABConsentDialog showTrigger />
      {children}
    </ConsentManagerProvider>
  );
}
```

<import src="../../../shared/react/iab/overview.mdx#config-and-concepts" />

## Components

| Component                                                     | Description                                       |
| ------------------------------------------------------------- | ------------------------------------------------- |
| [IABConsentBanner](/docs/frameworks/react/iab/consent-banner) | TCF-compliant banner with partner disclosure      |
| [IABConsentDialog](/docs/frameworks/react/iab/consent-dialog) | Tabbed preference center for purposes and vendors |

> ℹ️ **Info:**
> For lower-level custom IAB flows, use useHeadlessIABConsentUI() from @c15t/react/iab. useGVLData() is currently internal and is not part of the public package surface.