[](https://www.npmjs.com/package/confirm-element) [](https://vaadin.com/directory/component/dacelislconfirm-element) # \ ## Description. confirmation window with two buttons and editable icons ## Installation `npm install confirm-element"@0.0.1"`  ### Configuration __: * Use **open** to show the window. * Use **title** to add title. * Use **message** to add the body of the message to be displayed. * Use **confirmtext** add text to the confirmation button. * Use **canceltext** add text to the cancel button * Use **icon** for the visibility of the icons, default value false. * Use **iconcancel** and **iconconfirm** to add the icons to each button correspondingly, the available icons correspond to the portfolio of [VAADIN ICONS](https://cdn.vaadin.com/vaadin-lumo-styles/1.4.2/demo/icons.html), default values *lumo:cross* and *lumo:checkmark*, if you prefer buttons without icon: *iconconfirm="none"* or *iconcancel="none"* ### Events **cancel**: *CustomEvent* the cancel event is activated by pressing the cancel button or the ESC key. **confirm**: *CustomEvent* the event is activated by pressing the confirm button ```html ``` ## Usage ### In an html file ```html ``` ### In a Polymer 3 element ```js import {PolymerElement, html} from '@polymer/polymer'; import '.././confirm-element.js'; class SampleElement extends PolymerElement { static get template() { return html` `; } ready(){ this.message = this.$.showconfirm; this.message.addEventListener('confirm', () => this.confirmDialog()); } confirmDialog(){ ............ } } customElements.define('sample-element', SampleElement); ``` ## License MIT License