v3.3.1 — Latest

Documentation

Everything you need to build NDPA 2023-compliant applications — component API references, implementation guides, adapter recipes, and NDPC best practices.

Search documentation...⌘K

Browse Components See Live Demos

What's New in v3.3.1

Everything new in the latest release

Six major capabilities added to make NDPA compliance faster, more flexible, and production-ready.

Storage Adapters

Swap storage backends at runtime — localStorage, IndexedDB, REST API, or a custom adapter — without touching component code.

Explore

Compound Components

Compose granular sub-components to build exactly the UI you need, with full control over layout and structure.

Explore

Zero-Config Presets

Drop in NDPRConsent, NDPRSubjectRights, and other presets for instant compliance with zero boilerplate.

Explore

Compliance Score

Real-time compliance scoring across all NDPA 2023 obligations, surfaced through the NDPRDashboard component.

Explore

Backend Recipes

Pre-built patterns for Express, Next.js API routes, and REST endpoints — drop-in compliance for your backend.

Explore

Styling & Customization

Full className injection system — pass unstyled mode, merge Tailwind, or use CSS variables to match any brand.

Explore

Getting Started

Up and running in 3 steps

From zero to NDPA-compliant in under 5 minutes. No configuration required.

Install

terminal

bash

pnpm add @tantainnovative/ndpr-toolkit

Add Provider

app/layout.tsx

tsx

import { NDPRProvider } from '@tantainnovative/ndpr-toolkit';

export default function RootLayout({ children }) {
  return (
    <NDPRProvider config={{ organizationName: 'Acme Corp' }}>
      {children}
    </NDPRProvider>
  );
}

Add Preset

app/page.tsx

tsx

import { NDPRConsent } from '@tantainnovative/ndpr-toolkit';

export default function Page() {
  return (
    <>
      <NDPRConsent />
      {/* your page content */}
    </>
  );
}

View all guides

Component Guides