Ember Power Select is a
powerful Ember addon for working with selects. This is a Tailwind CSS plugin
for styling both <PowerSelect>
, <PowerSelectMultiple>
and all the
options related to these.
The basic documentation can be found here:
- TailwindCSS v1.2 or above
- Node.js v10 or above
- Install the plugin:
yarn add -D tailwindcss-ember-power-select
- Add it to your tailwind.config.js file:
// tailwind.config.js
module.exports = {
// ...
plugins: [
require('tailwindcss-ember-power-select').plugin({
// Config options go here eg.
// borderColor: 'red'
})
]
}
- Disable default Ember Power Select theme. Add to your
ember-cli-build.js
file:
// ember-cli-build.js
// ...
module.exports = function(defaults) {
let app = new EmberApp(defaults, {
'ember-power-select': {
theme: false
},
// ...
});
return app.toTree();
};
- Add autoprefixer to your PostCSS setup.
Some styles require autoprefixer to be included in your application. You can
follow this example to setup
in an Ember app using ember-cli-postcss
.
-
git clone https://github.com/josemarluedke/tailwindcss-ember-power-select.git
this repository yarn install
yarn link
cd docs
yarn install
yarn link "tailwindcss-ember-power-select"
ember serve
Due to the nature of the setup of the docs app, changing the default options of the plugin will
not trigger a rebuild. However, if you open tailwind.config.js
and just save
it, it will. Resulting in the styles to be updated.
yarn lint:js
yarn lint:hbs
yarn lint:js
This project is licensed under the MIT License.