bee-form-control

bee-form-control

用 <FormControl> 来代替 <input>, <textarea>, and <select>

安装步骤

$ git clone https://github.com/tinper-bee/bee-form-control
$ cd bee-form-control
$ npm install
$ npm run dev

使用

使用单独的bee-form-control包

组件引入

先进行下载form-control包

npm install --save bee-form-control

组件调用

import { form-control } from 'bee-form-control';
React.render(<div>
    <div>
        <form-control />
        <br>
        <form-control placeholder="input placeholder" defaultValue="default value" />
        <br/>
        <form-control type="checkbox" />
    </div>
</div>, document.getElementById('target'));

样式引入

• 可以使用link引入dist目录下form-control.css

<link rel="stylesheet" href="./node_modules/build/bee-form-control.css">

• 可以在js中import样式

import "./node_modules/src/form-control.scss"
//或是
import "./node_modules/build/bee-form-control.css"

API

参数	说明	类型	默认值
id	form-control id	string	''
type	类型(text submit,'checkbox',...详情http://www.w3school.com.cn/html5/att_input_type.asp)	string	'input'