← Navigation

Core / Navigation

Stepper

Helps people understand where they are and move through the product.

Live example

  1. ✓DetailsTell us about the project
  2. 2Invite teamAdd collaborators
  3. 3ReviewConfirm setup

Interactive preview using local sample data. Styling is intentionally left to the consuming project.

Usage

// Stepper usage will be documented here.

Adopt to your project

Keep this component semantically neutral. Use its documented props for behavior and className for project-specific spacing, width, typography, and visual treatment.

Accessibility

Accessibility behavior will be documented with the verified component implementation.

API reference

Public attribute
Public props and defaults will be verified from source before publication.

The preview above uses a safe local fixture. Confirm exact TypeScript props when adapting it to your application.

Installation

Full library
pnpm install:project /absolute/path/to/your-project

Planned guided selection
Navigation → Stepper