Skip to content

Latest commit

 

History

History
57 lines (41 loc) · 1.95 KB

README.md

File metadata and controls

57 lines (41 loc) · 1.95 KB
Raw

ember-smart-input

Build Status npm npm version dependencies Status devDependencies Status EmberObserver

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