Design KitComponentv0.3.0

NBHypothesis

Experiment tracking card with status chips and heavy 10px shadows.

All componentsKit overviewContact

When to use

Use for displaying A/B test hypotheses, product assumptions, or scientific claims.

Import

Import
tsx
import NBHypothesis from "@/components/NBHypothesis";

Example

Example
tsx
// See import NBHypothesis from "@/components/NBHypothesis"; for import usage.

Live preview

HypothesisTesting

Using thick borders increases CTR by 12%.

Confidence
80%
Metric
CTR

People also ask

Where do I import NBHypothesis from?

Use: import NBHypothesis from "@/components/NBHypothesis";

How do I keep it multi-domain safe?

Don’t hardcode domains in metadata/JSON-LD. Use getSiteUrl() + toAbsoluteUrl().

Design kit

Turn this into a sellable export

If you want the “packaged kit” (versioning, license, exportable docs and components), we can scope the release pipeline.

ContactAll components