❤
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

/ember-smart-input/

    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