vcf-enhanced-dialog - Vaadin Add-on Directory

Web Component for creating customised modal dialogs. This is an extension of the Vaadin Dialog.

# <vcf-enhanced-dialog> [![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/vaadin/web-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [![npm version](https://badgen.net/npm/v/@vaadin-component-factory/vcf-enhanced-dialog)](https://www.npmjs.com/package/@vaadin-component-factory/vcf-enhanced-dialog) [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadin-component-factoryvcf-enhanced-dialog) `` is a Web Component for creating customized modal dialogs. This is an extension of [``](https://vaadin.com/components/vaadin-dialog/html-api/elements/Vaadin.DialogElement) that adds the following features: - Header and footer sections. - Scrollable content area. - Size themes. [Live demo ↗](https://vcf-enhanced-dialog.netlify.app) | [API documentation ↗](https://vcf-enhanced-dialog.netlify.app/api/#/elements/vcf-enhanced-dialog) ## Installation Install `vcf-enhanced-dialog`: ```sh npm i @vaadin-component-factory/vcf-enhanced-dialog --save ``` ## Usage Once installed, import it in your application: ```js import '@vaadin-component-factory/vcf-enhanced-dialog'; ``` Add `` element to the page. Use a `