@talixo/masked-input
Version:
UI Component which represents Masked Input
39 lines (26 loc) • 1.59 kB
Markdown
# 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