组件功能

Form 是表单容器组件，用于包裹表单控件并处理提交事件。

它继承了 Box 组件的布局能力，同时支持定义表单提交动作。

基础用法

通过 direction 控制子组件的排列方向，通过 children 定义表单内的控件，gap 用于设置子元素之间的间距。

下面示例展示了一个用户登录表单，包括用户名和密码输入框，以及提交按钮。

Template 示例：

<Form 
  direction="col" 
  gap="16px" 
  onSubmitAction={{ type: "submit_form", payload: { formId: "user-form" } }}
>
  <Input name="username" placeholder="用户名" />
  <Input name="password" inputType="password" placeholder="密码" />
  <Button label="提交" submit={true} />
</Form>

效果展示如下：

属性说明

表单属性

布局属性

尺寸属性

Form 组件继承了 Box 组件的所有布局能力，详细类型定义请参见 Box 盒子。