# 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