📚 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
      mask={ '0[0][0].0[0][0].0[0][0].0[0][0]' }
      maskOptions={ {
        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
mask	iMask mask pattern	string | RegExp | Date | number
onChange	Mask change event.	(event: ChangeEvent & {maskedValue: string unmaskedValue: string }) => any
maskOptions	iMask options	See InputMaskOptions
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