ember-modals
A utility for adding modal popup windows to an Ember.js app.
Usage
Installation
ember install @abcum/ember-modals
Introduction
The ember-modals addon adds functionality for adding modal popup windows to an Ember.js app, using actions, or routes. A modal window can be shown when a value is changed, when an action is run from a component, or when a route is entered.
Examples
Add the modal-outlet
component to your application template.
To show a modal window in the same template.
To show a modal window after an action on a component.
To show a modal window when a route is activated.
To style the modal background and the modal window itself, follow the css styling code below.
modal-cover {
background-color:rgba(0,0,0,0.6);
@include backdrop-filter( blur(5px) );
@include animation(fadeIn 0.3s ease-in-out 0s);
}
modal-front {
opacity:0;
margin:0 auto 0 auto;
background-color:rgb(255,255,255);
@include box-shadow(0 0 15px rgba(0,0,0,0.6));
@include animation(ghost 0.3s ease-in-out 0.2s normal both);
}
Development
-
make install
(install bower and ember-cli dependencies) -
make upgrade
(upgrade ember-cli to the specified version) -
make tests
(run all tests defined in the package)