@logo-elements/confirm-dialog
Version:
A modal dialog web component for confirming user actions.
41 lines (28 loc) • 1.27 kB
JavaScript
import {html, PolymerElement} from '@polymer/polymer/polymer-element.js';
import { ConfirmDialog } from '@vaadin/confirm-dialog'
/**
*# @logo-elements/confirm-dialog
A modal dialog web component for confirming user actions.
> ℹ️ LEDS confirm dialog is extended from Vaadin web components. A commercial Vaadin [subscription](https://vaadin.com/pricing) is required to use Confirm Dialog in your project.
[](https://www.npmjs.com/package/@logo-elements/confirm-dialog)
```html
<logo-elements-confirm-dialog header="Unsaved changes" confirm-text="Save" reject-text="Discard" cancel reject>
Do you want to save or discard your changes before navigating away?
</logo-elements-confirm-dialog>
```
## Installation
Install the component:
```sh
npm i @logo-elements/confirm-dialog -s
```
Once installed, import the component in your application:
```js
import '@logo-elements/confirm-dialog';
```
*/
class LogoElementsConfirmDialog extends ConfirmDialog {
static get is() { return "logo-elements-confirm-dialog" }
}
if (!window.customElements.get(LogoElementsConfirmDialog.is)) {
window.customElements.define(LogoElementsConfirmDialog.is, LogoElementsConfirmDialog);
}