GitHunt
LU

luicfrr/antd-imask-input

Ant Design masked input

๐Ÿ“š Introduction

An iMasked Ant Design Input component.

Is this package usefull to you?

Buy Me A Coffee

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

๐Ÿ”Ž 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

Languages

TypeScript100.0%

Contributors

MIT License
Created April 10, 2025
Updated March 2, 2026
luicfrr/antd-imask-input | GitHunt