Form 表单

表单组件。

Usage

全部引入

import { Form } from 'beeshell';

按需引入

import { Form } from 'beeshell/dist/components/Form';

Examples

Standard

布局设计

一个 Form.Item 内部分成三个区域，label 放在左边，Form.Item 的 children 的第一个元素放在右边，其他 children 放在下面。如图所示：

Code

详细 Code

import { Form, Input } from 'beeshell';

<Form>
  <Form.Item label="姓名" hasLine>
    <Input value="" onChange={() => {}} />
    <Text>描述信息<Text>
  </Form.Item>
  <Form.Item label="邮箱" labelWidth={100} hasLine>
    <Input value="" onChange={() => {})} />
  </Form.Item>
</Form>

API

Form Props

Form.Item Props