Stepper

@spartanfx/react v1.0.4

---

@spartanfx/react / Stepper

Variable: Stepper

const Stepper: React.FunctionComponent<IStepper>

Renders an elegant horizontal status flow indicator with animated progress.

Features a modern glass morphism design with smooth transitions between states. Each step shows its status through visual indicators: checkmarks for completed, a pulsing indicator for active, and muted styling for upcoming steps.

Example

<Stepper
  Stepper={['Draft', 'Submitted', 'Approved', 'Completed']}
  currentStatus="Approved"
  classNames={{ root: 'flow-root', status: 'current-status' }}
/>