联系表单
字段校验 + 模拟异步提交(loading/成功/失败) · 销售线索收集。
安装与接入
数据来自本站 registry vv0.23.0,与 shadcn CLI 实际拉取的是同一份。
bash
npx shadcn@latest add https://hulianui.haloritual.com/zh/r/block-contact-form.json- 写入文件1 个
components/hulianui/blocks/contact-form.tsx
- 需要 Provider
ThemeProvider- 必须替换接入前逐项处理
- 文案事件处理示例数据
- npm 依赖
@hulianui/uilucide-react
装完验一遍
门禁按 conventions 的可执行规则扫描目标文件;错误级违规会以非零状态退出。
bash
npx -y @hulianui/guard components/hulianui/blocks/contact-form.tsx