Xy-input NPM | npm.io


IE 10+ ✔	Chrome 31.0+ ✔	Firefox 31.0+ ✔	Opera 30.0+ ✔	Safari 7.0+ ✔

NPM version npm download

xy-input

输入框, 文本域组件

安装

# yarn
yarn add xy-input

使用例子

import React from "react";
import ReactDOM from "react-dom";
import { Input, InputGroup, TextArea } from "xy-input";
ReactDOM.render(<Input />, container);

API

通用属性

属性	说明	类型	默认值
disabled	是否禁用	boolean	false
value	输入框值	string	无
defaultValue	输入框默认值	string	无
placeholder	占位符文本	string	无
autoFocus	自动焦点	boolean	无
onFocus	输入框焦点事件	(e: React.FocusEvent) => void	无
onBlur	输入框失去焦点事件	(e: React.FocusEvent) => void	无
onKeyDown	键盘事件	(e: React.KeyboardEvent) => void	无
onChange	输入框 change 事件	(value: string, event?: React.ChangeEvent) => void	无
onCompositionStart	开始输入中文	(e: React.CompositionEvent) => void	无
onCompositionEnd	输入中文完毕	(e: React.CompositionEvent) => void	无

Input

属性	说明	类型	默认值
type	输入框类型	"text"/"password"	无
clearable	是否显示清除	"text"/"password"	无
onClean	清除按钮点击事件	Function	无
addonBefore	前置标签	React.ReactNode	无
addonAfter	后置标签	React.ReactNode	无
prefix	前置图标	React.ReactNode	无
suffix	后置图标	React.ReactNode	无