@include 'common'

## 基本

表单布局、编辑、提交、校验的基本使用
@include 'demo1'

## 布局

inline 布局只支持横排
@include 'demo2'

## 尺寸

size 会强制设置 FormItem 下的所有组件的 size

labelAlign label 方位（如果不设置 labelCol 和 wrapperCol 那么默认是标签在上）

labelTextAlign 文字左右对齐方式
@include 'demo3'

## 注册

验证码获取
@include 'demo4'

## 嵌套

FormItem 嵌套
@include 'demo5'

## 自定义布局

标签位置：上、左

配合 Row Col 控制表单内元素布局 (注意：FormItem 非 Form 直接子元素需要不能直接直接在 Form 上设置布局)
@include 'demo6'

## 回车提交

需要 Form 里面有 htmlType="submit" 的元素
@include 'demo7'

## 响应式

可以通过配置 labelCol wrapperCol 的 Grid.Col 响应式属性实现响应式
@include 'demo8'

## 校验提示

为 <FormItem> 定义 state 属性控制三种校验状态。

如果是 <Input> 组件, 可在<FormItem>上面添加 hasFeedback 控制图标的展示

注意: 反馈图标只对 <Input /> 有效。
@include 'demo9'

## 校验

基本的表单校验例子。
@include 'demo9'

## label 作为校验提示

使用 label 作为校验提示
@include 'demo10'

## 复杂功能(Field)

配合 Field 可以实现较复杂功能
@include 'demo11'

## 表单组合

展示和表单相关的其他组件。
@include 'demo12'

## 预览态

可以通过 Form 切换表单元素的预览态，切换前后布局结构相同
@include 'demo13'

## 无障碍支持

对于必填项，在组件中要设置 aria-required 属性，并通过视觉设计上的高亮提示用户。
@include 'demo14'