GithubHelp home page GithubHelp logo

josephdsumner / ember-power-select Goto Github PK

View Code? Open in Web Editor NEW

This project forked from cibernox/ember-power-select

0.0 0.0 0.0 12.93 MB

The extensible select component built for ember.

Home Page: http://www.ember-power-select.com

License: Other

JavaScript 75.29% TypeScript 13.07% HTML 0.36% Handlebars 4.96% Less 3.05% SCSS 3.27%

ember-power-select's Introduction

ember-power-select

CI Ember Observer Score Code Climate npm version

Ember Power Select is a select component written in Ember with a focus in flexibility and extensibility.

It is designed to work well with the way we build Ember apps, so it plays nicely with promises, ember-concurrency's tasks, ember-data collections and follows idiomatic patterns.

Compatibility

  • Ember.js v3.28 or above
  • Ember CLI v3.28 or above
  • Node.js v18 or above

Version 1.X works in Ember 2.3.1+, beta and canary with no deprecations whatsoever. Any deprecation will be considered a bug.

Version 2.X requires Ember 2.10.0+.

Version 3.X requires Ember 3.11.0+.

Version 4.X requires Ember 3.13.0+.

Version 5.X & 6.X requires Ember 3.16.0+.

Version 7.X & 8.X requires Ember 3.28.0+.

Installation

ember install ember-power-select

For more installation details see documentation

Features overview

Ember Power Select wants to be as agnostic as possible about how you're going to use it, but it still provides some default implementations that will match 95% of your needs, and exposes actions to customize the other 5% of usages.

Features include:

  • Single select
  • Multiple select
  • HTML inside the options or the trigger.
  • Filter options sanitizing diacritics.
  • Custom matchers.
  • Asynchonous searches.
  • Theming
  • Fully promise-aware, with loading states.
  • Compatible with ember-concurrency task cancellation.
  • Compatibility with ember-data's ArrayProxies
  • Groups (with not deep limit), placeholders...
  • Clear the selection
  • Disable the component or individual options
  • CSS animations and transitions
  • ... and anything else you want. Just replace parts of the selects with your own components.

Usage

Check the full documentation with live examples at www.ember-power-select.com and please open an issue if something doesn't work or is not clear enough.

Good docs are important :)

Extensions

Ember-power-select's focus on flexibility enables the community to build richer and more tailor made components on top of it, focused in solving one particular problem, using composition.

Check the addons section to see some and if you create one that you want to open source open a PR to include it in the list.

Browser support

This addon was tested in modern browsers and there is no technical reason it wouldn't work. If you find a problem please file an issue.

Testing

In testing it requires ember-cli-qunit. This component also provides some convenient test helpers to interact with the component in acceptance tests.

Contributing

Any contribution is welcome. Please read our guidelines. However, if your contribution involves adding a new feature, please open an issue before to share your plan and agree the details of the feature before starting implementing it.

Troubleshooting

If something doesn't work visit the Troubleshooting section of the docs first and if your problem persist open an issue, specify the version of the component, Ember and browser.

ember-power-select's People

Contributors

alexander-alvarez avatar andreyfel avatar betocantu93 avatar cah-brian-gantzler avatar calvin-fb avatar cibernox avatar dcyriller avatar dependabot[bot] avatar dremora avatar ef4 avatar flexyford avatar haidy777 avatar heroiceric avatar johanrd avatar josemarluedke avatar lolmaus avatar luketheobscure avatar miguelcobain avatar mkszepp avatar montoias avatar mydea avatar nathanhammond avatar pasikonik avatar robbiethewagner avatar simonihmig avatar snewcomer avatar toh995 avatar tyleriguchi avatar willrax avatar wozny1989 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.