Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
@vaadin/vaadin-dialog
Advanced tools
Live Demo ↗ | API documentation ↗
<vaadin-dialog> is a Web Component for customized modal dialogs, part of the Vaadin components.
<vaadin-dialog opened></vaadin-dialog>
<script>
const dialog = document.querySelector('vaadin-dialog');
dialog.renderer = function(root, dialog) {
root.textContent = 'Sample dialog';
};
</script>
Install vaadin-dialog
:
npm i @vaadin/vaadin-dialog --save
Once installed, import it in your application:
import '@vaadin/vaadin-dialog/vaadin-dialog.js';
Vaadin components use the Lumo theme by default.
To use the Material theme, import the correspondent file from the theme/material
folder.
The component with the Lumo theme:
theme/lumo/vaadin-dialog.js
The component with the Material theme:
theme/material/vaadin-dialog.js
Alias for theme/lumo/vaadin-dialog.js
:
vaadin-dialog.js
Fork the vaadin-dialog
repository and clone it locally.
Make sure you have node.js 12.x installed.
Make sure you have npm installed.
When in the vaadin-dialog
directory, run npm install
to install dependencies.
Run npm start
, browser will automatically open the component API documentation.
You can also open visual tests, for example:
vaadin-dialog
directory, run npm test
npm run debug
, then choose manual mode (M) and open the link in browser.We are using ESLint for linting JavaScript code. You can check if your code is following our standards by running npm run lint
, which will automatically lint all .js
files.
Cross-browser Testing Platform and Open Source <3 Provided by Sauce Labs.
To contribute to the component, please read the guideline first.
Apache License 2.0
Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.
FAQs
vaadin-dialog
The npm package @vaadin/vaadin-dialog receives a total of 9,562 weekly downloads. As such, @vaadin/vaadin-dialog popularity was classified as popular.
We found that @vaadin/vaadin-dialog demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.