COMPONENTS / PATTERNS
Step indicators
Show progress through a multi-stage process.
approvedv1.0.0verifiedFigma not linked
Design variations
Horizontal
Vertical
Compact
Implementation
// npx github:rbillyjames0221/csc-ui init
import '@csc/ui/styles.css';
import { Stepper } from '@csc/ui';
export function Example() {
return (
<Stepper variant="horizontal" current="2" />
);
}Agent prompt
Copy a prompt for this component from the AI Development Hub.
When to use it
Show progress through a multi-stage process.
Dependencies: None beyond React. Source: packages/ui/src/stepper.tsx. 1.0.0 — Horizontal, vertical, and compact steppers.