Job
Issue 03
The job is in design. Brief is behind. Build is next.
1Brief
2Design
3Build
Stepper
Numbered dots joined by hairlines. Done is ink; active is outlined.
1Brief
2Design
3Build
Install
npx @noordvc/raster-cli add stepper
Markup
<div class="rs-steps"><div class="rs-step"><span class="rs-step-dot rs-step-done">1</span><span class="rs-step-name">Brief</span></div><span class="rs-step-line"></span><div class="rs-step"><span class="rs-step-dot rs-step-active">2</span><span class="rs-step-name">Design</span></div></div>
React
import { Stepper } from "@/components/raster/stepper";
<Stepper steps={[{ name: "Brief" }, { name: "Design" }, { name: "Build" }]} current={1} />Classes
.rs-steps.rs-step.rs-step-dot.rs-step-done.rs-step-active.rs-step-name.rs-step-sub.rs-step-line