bee-form-control

2.0.28 • Public • Published

bee-form-control

npm version Build Status Coverage Status

<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包

组件引入

先进行下载bee-form-control包

npm install --save bee-form-control

组件调用

import FormControl from 'bee-form-control';
React.render(<div>
    <div>
        <FormControl placeholder="input placeholder" ref="test" />
    </div>
</div>, document.getElementById('target'));

样式引入

  • 可以使用link引入dist目录下bee-form-control.css
<link rel="stylesheet" href="./node_modules/build/bee-form-control.css">
  • 可以在js中import样式
import "./node_modules/src/FormControl.scss"
//或是
import "./node_modules/build/bee-form-control.css"

API

参数 说明 类型 默认值
className 类名 string -
componentClass 说明表单类型(input,textarea) string 'input'
type 类型(text,search, submit,'checkbox',...详情http://www.w3school.com.cn/html5/att_input_type.asp) string 'text'
onChange input值发生改变触发的回调 func -
onKeyDown keydown回调 func -
value input当前值 string -
defaultValue input默认值 string -
onSearch input type="search" 回车和点击搜索按钮的回调 func -
showClose 是否显示清空按钮 bool -
focusSelect 设置当focus的时候是否选择内容 bool false

Package Sidebar

Install

npm i bee-form-control

Weekly Downloads

291

Version

2.0.28

License

MIT

Unpacked Size

65.1 kB

Total Files

14

Last publish

Collaborators

  • duxue
  • jwangyangls
  • shaohlr
  • honely1314
  • xiaoshutong
  • yonyoufed
  • jonyw
  • guoyongfeng
  • kvkens
  • whizbz
  • npm_yx
  • bjyxszd
  • tinper-bot
  • houjitong
  • gaox2025f
  • gcht163
  • cnkvkens
  • diozhu
  • wangjings123
  • ahua52