Simple ideas for enhancing text input interactions

Demo

• ember install ember-smart-input

In your template:

<SmartInput @label="First Name" @style="haruki" />

which will get rendered as:

<span class="input input--haruki"> <input class="input__field input__field--haruki" type="text" id="input-1" /> <label class="input__label input__label--haruki" for="input-1"> <span class="input__label-content input__label-content--haruki">First Name</span> </label> </span>

For validation indicators with label color changes:

 <SmartInput label="Name" style="hoshi" labelColor="color-1" /> <SmartInput label="Name" style="hoshi" labelColor="color-2" /> <SmartInput label="Name" style="hoshi" labelColor="color-3" />

• npm test (Runs ember try:each to test your addon against multiple Ember versions)
• ember test
• ember test --server

• ember build

See the Contributing guide for details.

• Mary Lou