21st.dev使用教程

访问21st.dev官网，无需注册即可浏览公开的组件库内容，可按组件类型、使用场景、设计风格筛选需要的组件，点击组件卡片可进入详情页查看完整预览效果。

在组件详情页调整样式参数，包括主色调、圆角大小、间距数值等，修改后可在预览区实时查看效果，确认符合项目需求后复制页面生成的安装命令。

打开本地React项目的终端工具，确保项目已完成React与Tailwind CSS的基础配置，粘贴复制的安装命令并执行，等待组件自动导入到项目指定目录。

在需要使用组件的业务代码文件中导入对应组件，根据代码提示传入对应的业务数据与交互回调函数，可参考组件详情页提供的属性说明文档完成参数配置。

运行本地项目查看组件展示效果，若需要调整样式可返回平台重新生成修改后的组件代码，重复安装步骤即可覆盖原有组件配置，无需手动修改代码。