xa-input v0.0.4

xa-input

• 最基础的输入框

     import  Input  from 'xa-input';

      ReactDOM.render(
        <div>
          <Input />
          <Input placeholder="placeholder" />
        </div>
        , mountNode
      );

• 大小，定义输入框的大小

 import  Input  from 'xa-input';

  ReactDOM.render(
    <div>
      <Input size="small" />
      <Input size="base" />
      <Input size="large" />
    </div>
    , mountNode
  );

• disabled 可以设置是否禁用该输入框

  import  Input  from 'xa-input';

  ReactDOM.render(
    <div>
      <Input disabled={true} placeholder="不可输入" />
    </div>
    , mountNode
  );

• value 可以设置input的值

  import  Input  from 'xa-input';
 ReactDOM.render(
    <div>
      <Input value={ 123 }/>
    </div>
    , mountNode
  );

• type,定义原生的input的类型

 import  Input  from 'xa-input';

  ReactDOM.render(
    <div>
      <Input type="password" />
    </div>
    , mountNode
  );

• action,可以给输入框添加前缀和后缀

  import  Input  from 'xa-input';

  ReactDOM.render(
    <div>
      <Input addonBefore="http://" addonAfter=".com" />
      <Input addonBefore="搜索框" addonAfter={<Icon type='search' />} />
    </div>
    , mountNode
  );

• radius,设置该属性可以让input输入框更加的圆滑美观

import  Input  from 'xa-input';
 ReactDOM.render(
    <div>
      <Input radius="radius"/>
    </div>
    , mountNode
  );

• maxlength,可以设置输入框最多输入多少字符

import  Input  from 'xa-input';

  ReactDOM.render(
    <div>
      <Input maxLength={5} />
    </div>
    , mountNode
  );

API