ember-confirm-extension

Demo

Extend any template block by a confirmation "bubble".

Use confirmation mechanisms (buttons/bubbles/dialogs) with caution. The are not always the best choice UX-wise. For more information on that topic see:

• Never Use a Warning When you Mean Undo
• Deletion: Confirm or Undo? Which is the better option and why?
• Try Undos instead of prompting for confirmation
• Undo

Installation

ember install:addon ember-confirm-extension

Usage

{{#confirm-extension questionText='Do you really want to destroy the planet?' confirmText='Yes' declineText='No' confirmAction='destroyEarth'}}
  <button>Destroy Earth</button>
{{/confirm-extension}}

<!-- with optional explanation text -->
{{#confirm-extension questionText='Do you really want to destroy the planet?' explanationText="be careful you might get dirty" confirmText='Yes' declineText='No' confirmAction='destroyEarth'}}
  <button>Destroy Earth</button>
{{/confirm-extension}}

Styling

Take a look at the component's template to see which css classes are used.

Contributions

PRs are always welcome! Make sure that code changes are covered by tests.

License

MIT