❤
npm
Sign UpSign In

ember-smart-input

1.0.11 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i ember-smart-input

Repository

github.com/rajasegar/ember-smart-input

Homepage

github.com/rajasegar/ember-smart-input#readme

Weekly Downloads

1

Version

1.0.11

License

MIT

Unpacked Size

438 kB

Total Files

16

Last publish

Collaborators

  • rajasegar
Try on RunKit
Report malware