rajasegar / ember-smart-input

Simple ideas for enhancing text input interactions

ember-smart-input

Simple ideas for enhancing text input interactions

Demo

Demo

Installation

• ember install ember-smart-input

Usage

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" />

Running Tests

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

Building

• ember build

See the Contributing guide for details.

Credits

• Mary Lou