ReUI stepper - Stepper with key-value stage details

Component 24

About

5 delivery run stages from loading to return, each with a time and dashed-leader rows such as gate, delay, ETA and battery.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds ReUI stepper - Stepper with key-value stage details to your project and fits it to your theme.

Code

How ReUI stepper - Stepper with key-value stage details is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";
import Component from "@/components/ui/reui-stepper-18";
import {ThemeProvider} from "next-themes";
export default function LibraryRegistryPreview(){const theme=typeof window!=="undefined"&&new URLSearchParams(window.location.search).get("theme")==="light"?"light":"dark";return <ThemeProvider defaultTheme={theme} enableSystem={false}><div data-component-demo data-theme={theme} className={theme+" style-nova"}><div><Component/></div></div></ThemeProvider>}