@talixo/masked-input NPM

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.