ember-modal-dialog 5.0.0-0
Install from the command line:
Learn more about npm packages
$ npm install @zestia/ember-modal-dialog@5.0.0-0
Install via package.json:
"@zestia/ember-modal-dialog": "5.0.0-0"
About this version
This addon provides a simple Modal Dialog component.
ember install @zestia/ember-modal-dialog
Add the following to ~/.npmrc
to pull @zestia scoped packages from Github instead of NPM.
@zestia:registry=https://npm.pkg.github.com
//npm.pkg.github.com/:_authToken=<YOUR_GH_TOKEN>
https://zestia.github.io/ember-modal-dialog
- Uses native
dialog
✔︎ - Focus trap ✔︎
- Body scroll lock ✔︎
- Loading state handling ✔︎
- Optionally escapable ✔︎
- Animatable (remains in the DOM until animated out) ✔︎
- Simple API ✔︎
- This addon intentionally does not come with any styles.
- It is configured with ember-test-waiters so
await
ing in your test suite will just work.
Optional. This action receives the API as a parameter, for full control over a modal dialog.
Optional. Fired when a modal is constructed and allows you to return a promise for any data that is required before the modal can display.
Optional. Fired after the request to load data was successful. Receives the result as a parameter.
Optional. Fired when the request to load data fails. Receives the error as a parameter.
Required. This action fires when close
has been called, and any animations have run to hide the modal dialog.
Call this when you want to close the modal. It will first wait for any animations on the DOM element, and then @onClose
will be fired. Allowing you to physically remove the modal from the DOM.
Whether the data required for the modal dialog to display is loading.