Stepper

Storybook

Stepper components guide users through multi-step processes by showing progress and indicating the current, completed, and upcoming steps. They provide clear navigation through complex workflows.

React

To implement Stepper component into your project you'll need to add the import:

import { Stepper } from "@shoptet/ui";

After adding import into your project you can use it simply like:

<Stepper
  steps={[
    "Settings",
    "Input Data",
    "Banner Selection",
    "Text Selection",
    "Campaign Review",
  ]}
  activeStep={1}
/>