# ember-power-select > The extensible select component built for ember Latest version **9.0.2** (published 2026-07-28) · MIT license · 0 weekly downloads ## Install ```sh npm install ember-power-select pnpm add ember-power-select yarn add ember-power-select bun add ember-power-select ``` ## Health **Score 65/100 (B)** — status: active. Positive: esm support; no vulnerabilities; has provenance; recently updated; high maintenance score. Warnings: low downloads; no types. ## Facts | | | |---|---| | Version | 9.0.2 | | Published | 2026-07-28 | | First published | 2015-10-01 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | ESM + CommonJS | | Dependencies | 5 | | Unpacked size | 458.4 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Provenance | attested (GitHub Actions) | | GitHub stars | 540 | | Author | Miguel Camba | | Maintainers | cibernox, mkszepp | | Keywords | ember, ember-addon, combobox, form, multiselect, power-select, select, ui | ## Links - npm: https://www.npmjs.com/package/ember-power-select - Repository: https://github.com/ember-power-addons/ember-power-select - Homepage: https://github.com/ember-power-addons/ember-power-select#readme - Issues: https://github.com/ember-power-addons/ember-power-select/issues - npm.io page: https://npm.io/package/ember-power-select ## Dependencies (5) - [ember-modifier](https://npm.io/package/ember-modifier.md) ^4.3.0 - [ember-truth-helpers](https://npm.io/package/ember-truth-helpers.md) ^5.0.0 - [decorator-transforms](https://npm.io/package/decorator-transforms.md) ^2.3.2 - [ember-element-helper](https://npm.io/package/ember-element-helper.md) ^0.8.8 - [@embroider/addon-shim](https://npm.io/package/@embroider/addon-shim.md) ^1.10.2 ## Alternatives - [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads - [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads - [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads - [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads - [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads ## Recent versions - 9.0.2 (latest) — 2026-07-28 - 8.0.0-beta.8 (beta) — 2024-03-05 - 4.0.0-beta.6 (next) — 2019-12-03 - 9.0.1 — 2026-06-29 - 9.0.0 — 2026-05-15 - 8.12.2 — 2026-05-08 - 8.12.1 — 2025-12-07 - 8.12.0 — 2025-11-03 - 8.11.0 — 2025-10-01 - 8.10.0 — 2025-09-30 - 8.9.0 — 2025-09-16 - 8.8.0 — 2025-08-18 - 8.7.3 — 2025-06-03 - 8.7.2 — 2025-05-26 - 8.7.1 — 2025-05-13 - … 309 more at https://npm.io/package/ember-power-select/versions ## README [![NPM](https://badge.fury.io/js/ember-power-select.svg)](https://www.npmjs.com/package/ember-power-select) [![Ember Observer Score](https://emberobserver.com/badges/ember-power-select.svg)](https://emberobserver.com/addons/ember-power-select) ![Ember Version](https://img.shields.io/badge/ember-%3E%3D4.12-brightgreen?logo=emberdotjs&logoColor=white) [![Discord](https://img.shields.io/badge/chat-discord-blue?style=flat&logo=discord)](https://discord.com/channels/480462759797063690/486202731766349824) [![Build Status](https://github.com/ember-power-addons/ember-power-select/actions/workflows/ci.yml/badge.svg?branch=master)](https://github.com/ember-power-addons/ember-power-select) # ember-power-select 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. ### Features * 🖊 **TypeScript support** – ships with type definitions for smooth TypeScript integration. * ✨ **Glint support** – template type-checking out of the box for safer templates. * 🚀 **FastBoot compatible** – works in server-rendered Ember apps. * 🕶 **Shadow DOM support** – can be rendered inside shadow roots without breaking positioning or events. * 🛠 **Addon v2 ready** – modern Ember Addon v2 format. * 🔧 **Flexible API** – fully customizable; you control the markup and styling. * ♿ **Accessible by default** – full keyboard navigation, ARIA attributes, and focus management built-in. #### Selection & Search * 🧩 **Single & multiple selection** – built-in support for both modes. * 🔎 **Built-in search field** – optional search input for filtering options. * 📍 **Flexible search placement** – render the search field inside the trigger *or* inside the dropdown list. * 📝 **Rich content rendering** – render HTML or custom components inside options and triggers. * 🔍 **Smart filtering** – diacritic-insensitive search with accent sanitization. * 🧠 **Custom matchers** – plug in your own matching and scoring logic. * ⚡ **Asynchronous search** – remote and delayed searching with debounce support. * ⏳ **Promise-aware** – works with promises and async data. * 🔄 **ember-concurrency friendly** – works seamlessly with task cancellation. #### UX & Customization * 🧺 **Grouping & placeholders** – grouped options (no nesting limit) and customizable placeholders. * ❌ **Clearable selections** – easily reset or clear selected values. * 🚫 **Disabled states** – disable the whole component or individual options. * 🎨 **Theming support** – easy CSS-based theming and design customization. * 🎞 **CSS animations & transitions** – smooth opening/closing and state-change animations. * 🧩 **Fully composable** – replace any internal part with your own components or completely custom UI. ## Compatibility - Embroider or ember-auto-import v2 - Ember.js v4.12 or above ## Installation ``` pnpm install ember-power-select ``` For more installation details see [documentation](https://ember-power-select.com/docs/installation) ## Usage Check the full documentation with live examples at [www.ember-power-select.com](http://www.ember-power-select.com) and please open an issue if something doesn't work or is not clear enough. ## 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. ## 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](http://www.ember-power-select.com/docs/test-helpers) to interact with the component in acceptance tests. ## Contributing Any contribution is welcome. Please read our [guidelines](CONTRIBUTING.md). 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](http://www.ember-power-select.com/docs/troubleshooting) section of the docs first and if your problem persist open an issue, specify the version of the component, Ember and browser. --- _Source: https://npm.io/package/ember-power-select · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._