Back to components
Content
Steps List
A structured checklist for setup, onboarding, and release flows.
Preview
This is the same source that shadcn installs from the generated JSON.
Workflow
Publish checklist
Use this pattern for onboarding, release flow, or setup progress.
1
Design the block
DoneCompose existing primitives and keep the public props small.
2
Build registry JSON
Generate installable artifacts for every component item.
3
Verify installation
Install into a clean app before sharing the registry URL.
Install
After building the registry and starting the dev server, run this command in a consuming project.
install
pnpm dlx shadcn@latest add http://localhost:3000/r/steps-list.jsonSource and dependencies
Confirm the source path, registry dependencies, and npm dependencies before installing.
Source path
registry/default/steps-list/steps-list.tsxRegistry dependencies
badgecardseparator
NPM dependencies
lucide-react