Design KitComponentv0.3.0

NBProsCons

Two-panel pros and cons list built on top of standard NBCards.

All componentsKit overviewContact

When to use

Use for product reviews, architectural comparisons, or decision logs.

Import

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

Example

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

Live preview

Pros

  • High contrast
  • Accessible

Cons

  • Polarizing design format

People also ask

Where do I import NBProsCons from?

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

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