Steps

Flow progress (Ant Design’s Steps) — numbered or dots, horizontal or vertical, error state, clickable finished steps.

2 files · 87 locdeps: clsx, tailwind-merge

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/steps.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs steps

import { Steps } from "@/components/opus/ui/steps";

<Steps items={[{ title: "Account" }, { title: "Team" }]} current={1} />

Prop	Type	Default	Description
items	{ title, description?, icon? }[]	—	Steps.
current	number	—	Active index.
status	"process" \| "error"	"process"	Current step state.
orientation / dots / onStepClick	—	—	Presentation and navigation.