UNPKG

@talixo/masked-input

Version:

UI Component which represents Masked Input

39 lines (26 loc) 1.59 kB
# Talixo Masked Input UI Component which represents Masked Input ## How to install Package is available as `@talixo/masked-input` in NPM registry, so you can use it in your project using `npm install @talixo/masked-input --save` or `yarn add @talixo/masked-input`. ## Requirements Your package should additionally have some extra dependencies: - `@talixo/shared: ^0.1.0` - `prop-types: ^15.6.1` - `react: ^16.2.0` - `react-dom: ^16.2.0` These packages are required by `@talixo/masked-input`, but you have to install them manually, to avoid having different versions of these in your application. ## Supported props It allows any props which are allowed for `div`. Additionally, it handles some differently: Property name | Type | Default | Description --------------|-----------|:-------:|-------------------------------- className | string | n/a | Additional class name passed to wrapper. onBlur | function | n/a | Event called when input has lost focus. onChange | function | n/a | Event called when input inside has changed. onFocus | function | n/a | Event called when input is focused. renderInput | string | n/a | Input element. renderMask | function | n/a | Function which returns masking element to render when input is blurred. First argument function is value passed either by parent changing value prop or by children if `props.value` is undefined. value | any | n/a | Masking element to render when input is blurred. ## Changelog - **0.1.0** - initial version