Design KitComponentv0.3.0

NBLink

High-contrast, heavy-bordered inline or block link with an arrow icon.

When to use

Use for prominent outbound links or strong internal calls to action within text blocks or cards.

Import

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

Example

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

Live preview

People also ask

Where do I import NBLink from?

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

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.