cnd-components-mcp

## 简介表单属于复合模块组件，常用于布局、校验、数据提交操作等场景。 #### CAUTION * 组件不要使用关键字 `nodeName` 作为 name、id * Form 默认使用 size=medium, 并且会控制 FormItem 内所有组件的size。如果想修改组件的size `<FormItem size="small" >` * 在垂直表单中如果文字（一般 `<p>` 标签）或者组件向上偏离，可以通过 `className="next-form-text-align" `辅助调整 * 必须是被`<FormItem>`直接包裹的组件才能展示校验错误提示。如果界面不展示错误信息，请检查是否有多个层级。比如 `<FormItem><div><Input/></div></FormItem>` 是无法展示校验信息的。可以通过 `<Form field={false}>` 来关闭数据获取，变成一个纯布局组件 ## 示例 ### 基本 ```tsx ``` ### 水平 ```tsx ``` ### 尺寸 ```tsx ``` ### 标签在上 ```tsx ``` ### 自适应布局 ```tsx ``` ### 响应式 ```tsx ``` ### 回车提交 ```tsx ``` ### 校验提示 ```tsx ``` ### label作为校验提示 ```tsx ``` ### 校验 ```tsx ``` ### 校验(自定义错误) ```tsx ``` ### 复杂功能(Field) ```tsx ``` ### 表单组合 ```tsx ``` ### 手动设置错误 ```tsx ``` ### 预览态 ```tsx ``` ## API ```tsx ``` ## 更多示例 ### 标签内嵌 ```tsx ``` ### 嵌套 ```tsx ``` ### 自定义布局 ```tsx ``` ### 无障碍 ```tsx ```