Web Component for creating customised modal dialogs. This is an extension of the vaadin-dialog.
APACHE-2.0 License
<vcf-enhanced-dialog>
is a Web Component for creating customized modal dialogs.
This is an extension of <vaadin-dialog>
that adds the following features:
Live demo ↗ | API documentation ↗
Install vcf-enhanced-dialog
:
npm i @vaadin-component-factory/vcf-enhanced-dialog --save
Once installed, import it in your application:
import '@vaadin-component-factory/vcf-enhanced-dialog';
Add <vcf-enhanced-dialog>
element to the page. Use a <template>
or renderer function to add content to the dialog.
<vcf-enhanced-dialog>
<template>
<h2 slot="header">Header</h2>
<p>...</p>
<vaadin-button slot="footer" onclick="cancel()">Cancel</vaadin-button>
</template>
</vcf-enhanced-dialog>
Fork the vcf-enhanced-dialog
repository and clone it locally.
Make sure you have npm installed.
When in the vcf-enhanced-dialog
directory, run npm install
to install dependencies.
Run npm start
to open the demo.
This is the client-side (Polymer 3) web component. If you are looking for the server-side (Java) API for the Vaadin Platform, it can be found here: Enhanced Dialog
Apache License 2.0