Skip to content

ahmetemrekilinc/ember-mask-input

Repository files navigation

ember-mask-input

npm version downloads Build Status Ember Observer Score Dependency Status devDependency Status Code Climate

ember-mask-input is an addon that enables you creating masked text inputs in your Ember.js application. jquery-mask-plugin is used in background.

Compatibility

  • Ember.js v3.12 or above
  • Ember CLI v2.13 or above
  • Node.js v10 or above

Installation

cd your-project-directory
ember install ember-mask-input

Usage

You can pass your value as value parameter and custom mask type as mask parameter.

<EmberMaskInput @value='1234123443214321' @mask='0000.0000.0000.0000' />

You can handle actions as onUpdate parameter.

<EmberMaskInput @value='1234123443214321' @mask='0000.0000.0000.0000' @onUpdate={{this.myMaskAction}} />

You can use default maskType parameters which are iban, phone-no, credit-card.

<EmberMaskInput @value={{this.ibanValue}} @maskType='iban' />

You can bind masked value by setting bindMasked parameter to true.

<EmberMaskInput @value='TR62 5373 4587 2624 9832 3024 26' @maskType='iban' @bindMasked={{true}} />

Checkout live examples at ember-mask-input demo page

License

This project is licensed under the MIT License.