使用 Form 组件

使用具有 D2C 能力的 Form 组件
本文档介绍设计师、项目经理使用 Form 组件。
遵循下面的使用方式可以让设计稿中的 Form 具有转代码能力。

使用组件

  1. 在当前文件引入 Semi Variants 组件库
  2. 拖拽 Form 组件到画布上,通过切换变体选择合适的组件类型
  3. 完成 Form 表单页设计稿
温馨提示
设计稿中的表单项,需要使用 Semi Variants 中的 Form 组件。

切换输入组件

  • 方式一:通过 type 变体切换输入组件
  • 方式二:通过 swap 切换输入组件,注意这种方式只支持 Semi Variants 中的输入组件
例如,可以将 RadioGroup 切换为 Semi Variants 中的 InputNumber 组件。

© 2021 - 2024 Semi Design. All rights reserved.

京ICP备19058139号-13浙公网安备 33011002016131号

Designed & Developed with love by Douyin FE & MED

  • 开始
    • 介绍
    • 快速开始
    • 选型对比
    • 相关术语
    • 常见问题
    • 更新日志
  • 研发使用手册
    • 代码转译
    • 标记图层
    • 标记表格
    • 标记组件库
    • 标记图标库
    • 设计稿检查
    • 转码插件
    • 故障排除
    • 基础转换原理
    • 支持组件列表
    • 全局设置
  • 设计使用手册
    • 使用 Semi Variants
    • 自定义 Variants
    • 设计稿规范
    • 使用 Table 组件
    • 使用 Form 组件
    • 迁移旧设计稿
  • 更多
    • 联系我们
    • 路线图
    • JSON Schema
    • 已知问题