KB-295 · HOW/PLAIN/STEPS

Plain Steps How-It-Works

Three steps, numbered, and nothing else. The clock, the script, the station line and the lanes all do something with the sequence; sometimes a page has already spent its interaction budget and how-it-works simply has to be read in eight seconds. This is that section, and its restraint is the feature.

KB-295 · HOW/PLAIN/STEPS

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/how-plain-steps

Props

PropTypeDefaultDescription
stepsPlainStep[]Three steps; numbering is automatic.
footnotestringThe honest line under the steps.