Integrate ember-power-select into your ember-bootstrap forms
npm install ember-bootstrap-power-select!CI
Integrate Ember Power Select into your Ember Bootstrap
forms.
- Ember Power Select v6 or above
- Ember Bootstrap v5 or above
- Ember.js v3.28 or above
- Ember CLI v3.28 or above
- Node.js v20 or above
``bash`
ember install ember-bootstrap-power-select
This will additionally install ember-power-select into your app, and setup itsember-cli-build.js
Bootstrap theme, either by importing the appropriate Less or Sass file (if you use one of these preprocessors), or by
editing your to include the static theme CSS (if you use plain CSS).
With this addon installed, you have a new controlType of power-select available. Use the options property to
set the array of selectable options:
`hbs`
@property="foo"
@label="Choose"
@options={{options}}
/>
If your options array consists of objects, use the optionLabelPath to specify the property that should be used as the
options label:
`hbs`
@property="foo"
@label="Choose"
@options={{options}}
@optionLabelPath="title"
/>
If you need more control over how the options label are rendered (e.g. for formatting or internalization) you should use the yielded component in block mode:
`hbs`
@property="author"
@label="Author"
@options={{options}}
as |el|
>
{{option.name}}
(b.
{{format-date option.dayOfBirth}})
The power-select-multiple is also supported and works similarly to the power-select implementation.
`hbs`
@property="foo"
@label="Choose"
@options={{options}}
/>
If you need more control of the power-select configuration, use the yielded control component to get direct accessselected
to the power-select component. The power-select's , disabled properties and the onChange
action are already wired up to the controlling for you. Set any other options as you need:
`hbs``
@property="foo"
@label="Choose"
@options={{options}}
as |el|
>
Please consult the Ember Power Select documentation for all available options.
See the Contributing guide for details.
This project is licensed under the MIT License.