Module: FormItem

Properties:

Name	Type	Description
props	Object	组件属性，内容如下 Properties Name Type Description visible Boolean 是否显示 required Boolean 是否必填 error String 验证错误信息 colspan Number 占位列数 className String 样式类名称 inline Boolean 是否标签和控件同行 alignItems String 标签和控件的对齐方式，可选值：items-start,items-center,items-end label String 标签文本 labelDisplay Boolean 是否显示表 labelClassName String 标签的样式类名称 labelWidth String | Number 标签的宽度 colon String 标签后面的冒号，默认为空字符串

Examples

组件引入

// 全局模块引入
import { FormItem } from '@ccreator/smart-ui';
// 最小化模块引入
import FormItem from '@ccreator/smart-ui/dist/FormItem';

使用示例

<FormItem
    label="姓名"
    colspan={6}
    labelWidth={100}
    required
>
    <Input value={user.name} onChange={(value) => setUser({ ...user, name: value })}/>
</FormItem>