antd-imask-input

📚 Introduction

An iMasked Ant Design Input component.

Is this package usefull to you?

Or give it a ⭐ on GitHub.

🧰 Installation

``bash
yarn add antd-imask-input
`

💡 Usage Example


`tsx
import InputMasked from 'antd-imask-input'

function MyMaskedInputComponent() {

return (
maskOptions={ {
mask: '0[0][0].0[0][0].0[0][0].0[0][0]'
lazy: true // makes mask placeholder invisible
} }
placeholder={ 'Type here' }
size={ 'large' }
allowClear={ true }
autoComplete='off'
// ... any other react/antd prop
/>
)
}
`

Mask Options


| Option | Description | Options |
| ------------- | ------------- | ------------- |
| maskOptions | iMask options | See InputMaskOptions |
| onChange | Mask change event. | (event: ChangeEvent & {maskedValue: string unmaskedValue: string }) => any |
| props | Any other React/Antd props | - |

👷 Built With

- iMask
- Ant Design

🔎 About

This package requires you to use:
- react: >= 18
- antd: >= 5`

Make sure to use only supported versions before opening issues.

📚 Author

Made with ❤️ by luicfrr