数据输入/表单

Form 表单

Form 用于组织表单标题、必填标识与右侧控件区域;右侧支持灵活传入任意组件,也内置 Input、Dropdown Menu、Radio、Checkbox 的默认调用方式。

表单布局

展示完整 Form 在 left align、right align、vertical 三种布局下的组合方式,右侧控件继续复用已有组件。

输入框

Input 作为 Form 的默认调用类型,通过 Tabs 切换 left align、right align 和 vertical。

下拉菜单

Dropdown Menu 作为 Form 的默认调用类型,右侧控件复用已有下拉菜单组件。

多行输入

Textarea 复用 Input 组件的 textarea 类型,并由 Form 控制标题对齐,Tabs 中切换不同布局。

选择控件

Radio 与 Checkbox 作为 Form 的默认调用类型,Tabs 中切换 horizontal、vertical、left align、right align 等展示。

API 参考

参数 说明 类型 可选值 默认值
label表单项标题string-'Username'
required是否展示必填星号booleantrue | falsetrue
layout标签与控件排列方式string'align-left' | 'align-right' | 'vertical''align-left'
labelAlign纵向布局下标题行对齐方式string'left' | 'right''left'
valign横向布局时标签垂直对齐方式string'center' | 'top''center'
labelWidth横向布局标签宽度number-100 / 80
controlWidth控件区域宽度number-240
controlType右侧默认调用的控件类型string'input' | 'textarea' | 'dropdown' | 'radio' | 'checkbox' | 'custom''custom'
controlProps传递给默认控件的配置项object-{}
control自定义右侧组件插槽,优先级高于 controlTypeNode | string-null
help辅助说明文本string-''
className自定义类名string-''
id自定义 idstring-''