react-amazing-input
Installation
npm install react-amazing-input
or
yarn add react-amazing-input
Props
Name | Type | Description | Default |
---|---|---|---|
value? | string | value of input | null |
focused? | boolean | set focus state | null |
hidden? | boolean | set hidden state | null |
hiddenStyle? | CSSProperties | custom style for hidden state | null |
style? | CSSProperties | custom style for default | null |
className? | string | className for input | null |
onNativeFocus? | () => void | handle for onFocus | null |
onNativeBlur? | () => void | handle for onBlur | null |
onInput? | (inputValue: string) => void | handle onInput | null |
onChange? | (evt: any) => void | handle onChange | () => {} |
onTouchStart? | (evt: any) => void | handle onTouchStart | null |
onTouchEnd? | (evt: any) => void | handle onTouchEnd | null |
onTouchMove? | (evt: any) => void | handle onTouchMove | null |
onTouchCancel? | (evt: any) => void | handle onTouchCancel | null |
onMouseDown? | (evt: any) => void | handle onMouseDown | null |
onMouseUp? | (evt: any) => void | handle onMouseUp | null |
onMouseMove? | (evt: any) => void | handle onMouseMove | null |
onKeyDown? | (evt: any) => void | handle onKeyDown | null |
onKeyUp? | (evt: any) => void | handle onKeyUp | null |
onKeyPress? | (evt: any) => void | handle onKeyPress | null |
Usage
;;; ;