@zedtech/zedkit-observability

Consent UI in React

Provider, category gate, banner, and hook to defer analytics loaders.

At a glance

Who: React apps showing a first-visit banner and gating children.
What: Provider, category gate, banner, and hook to defer analytics loaders.
Use when: Public marketing sites using the observability tracker port.
Avoid when: Server components (use the store on the client only).

Install

pnpm add @zedtech/zedkit-observability

Latest: 0.1.0 (via changesets).

Example

Usage

import { ConsentBanner, ConsentProvider } from "@zedtech/zedkit-observability/consent/react";
import { createMemoryConsentStore } from "@zedtech/zedkit-observability/consent";
const store = createMemoryConsentStore();

Wraps: @zedtech/zedkit-ui (Dialog, Switch)

Gate trackers and script loaders on consent

Drop captures until a category is granted; run loaders when consent turns on.

Add a localized SEO tab to a Payload collection

A drop-in SEO group field (meta, OG, robots, JSON-LD) with localization and length validation.

On this page

At a glance Install Example