Stepper

Stepper tracks progress across multi-step wizard screens.

Usage

StepperExample.tsx

import { useState } from 'react';
import { Stepper } from '@masumdev/rn-ui';

export function StepperExample() {
  const [step, setStep] = useState(2);

  return (
    <Stepper
      currentStep={step}
      totalSteps={4}
      onStepChange={setStep}
    />
  );
}

Props API

Prop	Type	Default	Description
currentStep	number	—	Active step index.
totalSteps	number	—	Total number of steps.
onStepChange	(step: number) => void	—	Callback when step indicator is pressed.