Package Exports
- react-imask
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-imask) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
React IMask Plugin
react-imask
Install
npm install react-imask
Mask Input Example
import {IMaskInput} from 'react-imask';
<IMaskInput
mask={Number}
radix="."
value="123"
unmask={true} // true|false|'typed'
onAccept={
// depending on prop above first argument is
// `value` if `unmask=false`,
// `unmaskedValue` if `unmask=true`,
// `typedValue` if `unmask='typed'`
(value, mask) => console.log(value)
}
// ...and more mask props in a guide
// input props also available
placeholder='Enter number here'
/>Extend Existing Components
import {IMaskMixin} from 'react-imask';
// extend style component
const StyledInput = styled.input`
color: paleviolet;
`;
const MaskedStyledInput = IMaskMixin(({inputRef, ...props}) => (
<StyledInput
{...props}
innerRef={inputRef} // bind internal input (if you use styled-components V4, use "ref" instead "innerRef")
/>
));
<MaskedStyledInput
mask={Number}
radix="."
onAccept={(value, mask) => console.log(value)}
// ...and more mask props in a guide
// ...other styled props
/>More options see in a guide.