Gathering detailed insights and metrics for @vaadin/crud
Gathering detailed insights and metrics for @vaadin/crud
Gathering detailed insights and metrics for @vaadin/crud
Gathering detailed insights and metrics for @vaadin/crud
npm install @vaadin/crud
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
470 Stars
18,518 Commits
82 Forks
17 Watching
305 Branches
143 Contributors
Updated on 28 Nov 2024
Minified
Minified + Gzipped
JavaScript (93.06%)
TypeScript (4.17%)
HTML (2.76%)
Shell (0.01%)
Cumulative downloads
Total Downloads
Last day
-2.9%
4,198
Compared to previous day
Last week
15.2%
21,448
Compared to previous week
Last month
24.4%
86,647
Compared to previous month
Last year
82.2%
693,195
Compared to previous year
14
3
Vaadin components is an evolving set of high-quality web components for business web applications.
Install the components that you need from npm:
1npm install @vaadin/grid
Import the component's JavaScript module, use the component in your HTML, and control it with JavaScript:
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>Vaadin example</title> 6 </head> 7 <body> 8 <!-- Use web components in your HTML like regular built-in elements. --> 9 <vaadin-grid column-reordering-allowed multi-sort> 10 <vaadin-grid-selection-column auto-select frozen></vaadin-grid-selection-column> 11 <vaadin-grid-sort-column width="9rem" path="firstName"></vaadin-grid-sort-column> 12 <vaadin-grid-sort-column width="9rem" path="lastName"></vaadin-grid-sort-column> 13 <vaadin-grid-column width="9rem" path="address.city"></vaadin-grid-column> 14 </vaadin-grid> 15 16 <!-- Vaadin web components use standard JavaScript modules. --> 17 <script type="module"> 18 // Importing the following modules registers <vaadin-grid> and its column 19 // elements so that you can use them in this page. 20 import '@vaadin/grid/vaadin-grid.js'; 21 import '@vaadin/grid/vaadin-grid-selection-column.js'; 22 import '@vaadin/grid/vaadin-grid-sort-column.js'; 23 24 // Use component's properties to populate data. 25 const grid = document.querySelector('vaadin-grid'); 26 fetch('https://demo.vaadin.com/demo-data/1.0/people?count=200') 27 .then((res) => res.json()) 28 .then((json) => (grid.items = json.result)); 29 </script> 30 </body> 31</html>
Serve your HTML with a development server that supports bare module specifiers, such as @web/dev-server
:
1npm i -g @web/dev-server 2web-dev-server --node-resolve --open
This project contains components for Vaadin 20+. Please see individual repositories for older Vaadin versions.
The components below are licensed under the Apache License 2.0.
The components below are licensed under Vaadin Commercial License and Service Terms and available as part of the Vaadin Pro Subscription.
Component | npm version (latest) | npm version (next) | Issues |
---|---|---|---|
<vaadin-board> | Issues | ||
<vaadin-charts> | Issues | ||
<vaadin-cookie-consent> | Issues | ||
<vaadin-crud> | Issues | ||
<vaadin-dashboard> | Issues | ||
<vaadin-grid-pro> | Issues | ||
<vaadin-map> | Issues | ||
<vaadin-rich-text-editor> | Issues |
Desktop:
Mobile:
Check out our design system documentation.
Are you looking for an example project to get started? Visit start.vaadin.com to create a Vaadin app.
For help and support questions, please use Vaadin Forum.
Cross-browser Testing Platform and Open Source <3 Provided by Sauce Labs.
Read the contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.
See the Development guide for how to set up and develop this project locally.
For specific package(s), check the LICENSE file under the package folder.
No vulnerabilities found.
Reason
30 commit(s) and 13 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
GitHub workflow tokens follow principle of least privilege
Details
Reason
security policy file detected
Details
Reason
no binaries found in the repo
Reason
SAST tool is run on all commits
Details
Reason
Found 28/30 approved changesets -- score normalized to 9
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
license file not detected
Details
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
project is not fuzzed
Details
Reason
20 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-18
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More