emberx-input v1.1.0
emberx-input
Super basic data-down-actions-up input and textarea components! Example usage
with ember-set-helper
for updating state.
<XInput value={{this.value}} @onChange={{set this "value"}} />
<XTextarea value={{this.value}} @onChange={{set this "value"}} />
In general, all input/textarea attributes can be passed as attrs. @value
and
@checked
are also supported as alternatives to value
and checked
, but
either can be used.
Both components can be passed the following events as arguments:
@onChange
@onInput
@onKeyPress
@onKeyDown
@onKeyUp
Each of these maps to the native event directly, but also captures the value of the input/textarea and passes it as the first argument to the event handler.
handleInput = (value, event) => {
this.value = value;
}
This way, there's no need to pick the value off the event or target manually.
For checkbox inputs, the checked
value is passed instead of the value:
handleCheckboxChange = (checked, event) => {
this.checked = checked;
}
In both cases, the original event is passed as the second argument in case it is needed.
Compatibility
- Ember.js v3.16 or above
- Ember CLI v2.13 or above
- Node.js v10 or above
Installation
ember install emberx-input
Usage
Longer description of how to use the addon in apps.
Contributing
See the Contributing guide for details.
License
This project is licensed under the MIT License.