All Projects → cibernox → Ember Power Select Typeahead

cibernox / Ember Power Select Typeahead

Licence: mit
Typeahead component built on top of ember-power-select

Programming Languages

javascript
184084 projects - #8 most used programming language

Ember-power-select-typeahead

Naive implementation of a typeahead component on top of ember-power-select.

Compatibility

  • 0.8+ requires Ember 3.11
  • Versions belog 0.7.4 work in 2.12+

Installation

Installation

ember install ember-power-select-typeahead

Usage

With simple strings:

<PowerSelectTypeahead @search={{action 'searchAsync'}} @selected={{selected}} @onChange={{action (mut selected)}} as |number|>
  {{number}}
<PowerSelectTypeahead>

With complex objects:

<PowerSelectTypeahead @search={{action 'searchAsync'}} @selected={{selected}} @extra={{hash labelPath="name"}} @onChange={{action (mut selected)}} as |user|>
  {{user.name}}
</PowerSelectTypeahead>

Note: See API reference for ember-power-select for additional options you can pass to ember-power-select-typeahead

Styles

In your app's stylesheet, you must import the built-in styles in this order:

/*
your custom variables goes here
*/

Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

@import 'ember-power-select';
@import 'ember-power-select-typeahead';
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].