Design KitComponentv0.3.0

NBPreviewCard

Promotional card highlighting features or apps.

When to use

Use across hub pages to link to individual product features, guides, or external resources.

Import

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

Example

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

Live preview

People also ask

Where do I import NBPreviewCard from?

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

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.