This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@triptyk/tpk-ember-input

tpk-ember-select

This addon will give you a simple input alternative in TailwindCSS

Compatibility

• Ember.js v3.24 or above
• Ember CLI v3.24 or above
• Node.js v12 or above
• You need tailwind v2 or above to use this simple input

Installation

ember install @triptyk/tpk-ember-input

OR

pnpm add -D @triptyk/tpk-ember-input

Usage

Features

• Limit of characters
• Password show or hide. You should add

type="password"

• Add class error trigger when @hasError is true and you can add a yield with the error
• A info tooltip under the input with @infoTooltip
• When @mandatory is {{true}}, it's adding this :

<span class='mandatory'>*</span>

After the label

Integration example

Template .hbs

<Ui::Input
  @label="Add your favorite JS framework"
  @value={{this.value}}
  @containerStyle=""
  @labelStyle=""
  @inputStyle=""
  @passwordStyle=""
  @limitStyle=""
  @tooltipStyle=""
  @password={{true}}
  @mandatory={{true}}
  @infoTooltip="A good info"
  @hasError={{true}}
  @updateValue={{this.setValue}}
  @selectedValue={{this.value}}
  @placeholder="Select a value"
  @key="text"
  type="nothing | text | date | string | password"
  {{on "focus" this.focusOtherInput}}
/>

Controller .ts/.js

@tracked value = '';

@action
setValue(value: string | number) {
  this.value = value;
}

Contributing

See the Contributing guide for details. You can also contact info@triptyk for more informations on how contributing on this project.

License

This project is licensed under the MIT License.