React Stepper Component

(completed)
ProfileName and photo(current)
ConfirmReview and finish

Installation

pnpm add krz-ui

Usage

import { Stepper } from "krz-ui";

<Stepper
  current={step}
  onStepClick={setStep}
  steps={[
    { title: "Account", description: "Email and password" },
    { title: "Profile" },
    { title: "Confirm" },
  ]}
/>

API Reference

Prop	Type	Description
`steps`	`StepperStep[]`	Steps with a title and optional description.
`current`	`number`	Index of the current step. Earlier steps show as complete.
`orientation`	`"horizontal" \| "vertical"`	Layout direction.
`onStepClick`	`(index: number) => void`	Makes completed steps clickable.
`className / style / ref`	`—`	All go to the outer element. See Customization.
`classNames`	`{ step?, button?, indicator?, title?, description?, connector? }`	Extra classes for inner parts.