ember-mask-input
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.