Design KitComponentv0.3.0

NBStepper2

Vertical step-by-step numbered list connected by a thick black rail line.

All componentsKit overviewContact

When to use

Use for displaying sequential processes, timelines, or 'how it works' sections.

Import

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

Example

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

Live preview

  1. Phase 1

    Design

  2. Phase 2

    Build

People also ask

Where do I import NBStepper2 from?

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

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