Form Usage

Use the Form component with D2C capabilities
This document introduces designers and project managers to use the Form component.
Follow the usage below to make the Form in the design draft capable of D2C.

Using components

  1. Introduce the Semi Variants component library in the current file
  2. Drag the Form component onto the canvas, and select the appropriate variant type
  3. Complete the Form page design draft
Notice
The form items in the design draft need to use the Form component in Semi Variants.

Swap input component

  • Method 1: Switch input components through type variants
  • Method 2: Switch input components through swap, note that this method only supports input components in Semi Variants
For example, a RadioGroup could be switched to an InputNumber component in Semi Variants.

© 2021 - 2023 Semi Design. All rights reserved.

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

Designed & Developed with love by Douyin FE & MED

  • Start
    • Introduction
    • Quick Start
    • Comparisons
    • Terms
    • FAQ
    • Changelog
  • Design to Code
    • Code Translation
    • Mark Layer
    • Mark Table
    • Mark Component Library
    • Mark Icon Library
    • Inspect
    • Transform plugin
    • Troubleshooting
    • Basic D2C logic
    • Supported Components
    • Global Settings
  • UI Kit
    • Import UI Kit
    • Create Variants
    • Design draft rules
    • Table Usage
    • Form Usage
    • Variant Update Notes
  • About
    • Contact Us
    • Road map
    • JSON Schema
    • Known issues