📚 Introduction

An iMasked Ant Design Input component.

Is this package usefull to you?

Or give it a ⭐ on GitHub.

🧰 Installation

yarn add antd-imask-input

💡 Usage Example

import InputMasked from 'antd-imask-input'

function MyMaskedInputComponent() {

  return (
    <InputMasked
      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