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

Done

Compose 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.
installpnpm dlx shadcn@latest add http://localhost:3000/r/steps-list.json
Source and dependencies
Confirm the source path, registry dependencies, and npm dependencies before installing.
Source pathregistry/default/steps-list/steps-list.tsx
Registry dependencies
badgecardseparator
NPM dependencies
lucide-react