{
	"title": "@c15t/react: React Consent Components",
	"description": "Developer-first CMP for React: cookie banner, consent manager, preferences centre. GDPR ready with minimal setup and rich customization",
	"features": [
		"Works with React 19, 18, 17, and 16.8",
		"Full 'use client' support for React Server Components",
		"Headless and fully customizable UI components",
		"Automatic GDPR compliance",
		"Minimal configuration with TypeScript-first design",
		"Comprehensive Consent Management Platform (CMP)",
		"Flexible Cookie Banner and Preference Center components",
		"Built-in internationalization support",
		"Seamless consent storage and tracking"
	],
	"prerequisites": [
		"React 16.8 or later",
		"Node.js 18.17.0 or later",
		"A hosted [c15t instance](https://consent.io) (free sign-up) or [self-hosted deployment](https://c15t.com/docs/self-host/v2)"
	],
	"manualInstallation": [
		"",
		"```bash\npnpm add @c15t/react\n```",
		"",
		"Then add the prebuilt stylesheet to your app-level CSS entrypoint:",
		"",
		"```css\n/* src/index.css */\n@import \"@c15t/react/styles.css\";\n```",
		"",
		"If you use the prebuilt IAB TCF UI, also import `@c15t/react/iab/styles.css`. It is published separately so non-IAB apps do not ship those component rules.",
		"",
		"To manually install, follow the guide in our [docs – manual setup](https://c15t.com/docs/frameworks/react/quickstart#manual-setup)."
	],
	"usage": [
		"Import `ConsentManagerProvider` in your app's root component",
		"Add `CookieBanner` and `PreferenceCenter` components",
		"Customise styling and behaviour to fit your app",
		"For full implementation details, see the [React quickstart docs](https://c15t.com/docs/frameworks/react/quickstart)",

		"```tsx\n// App.tsx\nimport { ConsentManagerProvider, CookieBanner } from '@c15t/react'\n\nfunction App() {\n  return (\n    <ConsentManagerProvider>\n      <YourApp />\n      <CookieBanner />\n    </ConsentManagerProvider>\n  )\n}\n```"
	],
	"docsLink": "https://c15t.com/docs/frameworks/react/quickstart",
	"quickStartLink": "https://c15t.com/docs/frameworks/react/quickstart",
	"showCLIGeneration": true
}