Form

Form 表单组件。

Install

  1. npm install beeshell

Usage

引入方式

全部引入

  1. import { Form } from 'beeshell';

单独引入

  1. import Form from 'beeshell/components/Form';

Examples

image

Code

  1. import { Form, Input } from 'beeshell';
  2. const FormItem = Form.Item;
  3. class App extends React.Component {
  4. render() {
  5. return (
  6. <ScrollView>
  7. <Form>
  8. <FormItem prop="name" label="姓名" hasLine>
  9. <Input value="" onChange={() => {}} />
  10. </FormItem>
  11. <FormItem prop="email" label="邮箱">
  12. <Input value="" onChange={() => {})} />
  13. </FormItem>
  14. </Form>
  15. </ScrollView>
  16. );
  17. }
  18. }

Form Props

Name Type Required Default Description
title String false null 表单标题

Form.Item Props

Name Type Required Default Description
label String false null 表单控件标签
labelWidth Number false 90 表单控件标签宽度
hasLine Boolean false false 是否在控件下有横线
disabled Boolean false false 禁用控件