Design KitComponentv0.3.0

NBPreviewCard

Promotional card highlighting features or apps.

All componentsKit overviewContact

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

Learn Typescript
Learn Typescript

A powerful typing layer.

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.

ContactAll components