本文档介绍设计师、项目经理使用 Form 组件。
遵循下面的使用方式可以让设计稿中的 Form 具有转代码能力。
使用组件
- 在当前文件引入 Semi Variants 组件库
- 拖拽 Form 组件到画布上,通过切换变体选择合适的组件类型
- 完成 Form 表单页设计稿
温馨提示
设计稿中的表单项,需要使用 Semi Variants 中的 Form 组件。
切换输入组件
- 方式一:通过 type 变体切换输入组件
![](https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/semi-linker/semi-code-site/form-type-variant.png)
- 方式二:通过 swap 切换输入组件,注意这种方式只支持 Semi Variants 中的输入组件
例如,可以将 RadioGroup 切换为 Semi Variants 中的 InputNumber 组件。
![](https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/semi-linker/semi-code-site/form-swap-input.png)