dynamic-customization-form

1.0.4 • Public • Published

Welcome to 动态自定义表单组件 👋

Version License: MIT

你可以自由推拽组件,并且可以校验

组件效果

Image text

组件介绍

左侧 多个表单控件,可自由选择拖拽至中间

中间 对推拽后的空间进行值的输入和选择

右侧

基本设置,可设置控件标签,是否必填,校验规则

Image text

校验规则有如下几种

Image text

多选,下拉,单选可动态设置每个选择的label以及值

Image text

最后可点击表单保存,也可以表单重置

Install

cnpm i dynamic-customization-form

使用

  <Dynamicforms
   getlistChange={getlistChange}   //获取表单保存的值
   width={1300} //动态设置宽高
   height={650} />

Author

👤 llzm

Show your support

Give a ⭐️ if this project helped you!


This README was generated with ❤️ by readme-md-generator

/dynamic-customization-form/

    Package Sidebar

    Install

    npm i dynamic-customization-form

    Weekly Downloads

    0

    Version

    1.0.4

    License

    MIT

    Unpacked Size

    205 kB

    Total Files

    26

    Last publish

    Collaborators

    • llzm