内容

步骤列表

适合安装、引导和发布流程的结构化步骤清单。

预览

这里展示的源码与 shadcn 从生成 JSON 安装的源码一致。

Workflow

Publish checklist

Use this pattern for onboarding, release flow, or setup progress.

Done

Compose existing primitives and keep the public props small.

Generate installable artifacts for every component item.

Install into a clean app before sharing the registry URL.

安装

构建 registry 并启动开发服务后，在消费项目中运行这条命令。

安装命令pnpm dlx shadcn@latest add http://localhost:3000/r/steps-list.json

源码与依赖

安装前可以确认组件源码路径、registry 依赖和 npm 依赖。

源码路径registry/default/steps-list/steps-list.tsx

Registry 依赖

badgecardseparator

NPM 依赖

lucide-react