UNPKG

@logo-elements/confirm-dialog

Version:

A modal dialog web component for confirming user actions.

41 lines (28 loc) 1.27 kB
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. > ℹ️&nbsp; 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. [![npm version](https://badgen.net/npm/v/@logo-elements/confirm-dialog)](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); }