X-UI LogoX-UI

Stepper

A step-by-step progress indicator for multi-step processes.

tsx
import { Stepper, Step } from '@xdev-asia/x-ui-react';
tsx
<Stepper activeStep={1}>
  <Step title="Account" description="Create account" />
  <Step title="Profile" description="Setup profile" />
  <Step title="Confirm" description="Review & submit" />
</Stepper>

Props

  • activeStep - Current active step
  • orientation - 'horizontal' | 'vertical'
  • variant - 'default' | 'simple'