Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@vaadin/board

Package Overview
Dependencies
Maintainers
19
Versions
396
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vaadin/board - npm Package Compare versions

Comparing version 22.0.0-beta1 to 22.0.0-beta2

6

package.json
{
"name": "@vaadin/board",
"version": "22.0.0-beta1",
"version": "22.0.0-beta2",
"publishConfig": {

@@ -40,3 +40,3 @@ "access": "public"

"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "22.0.0-beta1",
"@vaadin/component-base": "22.0.0-beta2",
"@vaadin/vaadin-license-checker": "^2.1.0"

@@ -49,3 +49,3 @@ },

},
"gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e"
"gitHead": "f13833683e6667f6ca6678452db14aa6b7eac4a4"
}

@@ -1,12 +0,10 @@

# <vaadin-board>
# @vaadin/board
[Live Demo ↗](https://vaadin.com/components/vaadin-board/html-examples)
|
[API documentation ↗](https://vaadin.com/components/vaadin-board/html-api)
A powerful and easy to use layout web component for building responsive views.
[<vaadin-board>](https://vaadin.com/components/vaadin-board) is a Web component to create flexible responsive layouts and build nice looking dashboard.
Vaadin Board key feature is how it effectively reorders the widgets on different screen sizes, maximizing the use of space and looking stunning.
> ℹ️  A commercial Vaadin [subscription](https://vaadin.com/pricing) is required to use Board in your project.
[![npm version](https://badgen.net/npm/v/@vaadin/vaadin-board)](https://www.npmjs.com/package/@vaadin/vaadin-board)
[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadinvaadin-board)
[Documentation + Live Demo ↗](https://vaadin.com/docs/latest/ds/components/board)
[![npm version](https://badgen.net/npm/v/@vaadin/board)](https://www.npmjs.com/package/@vaadin/board)
[![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC)

@@ -36,16 +34,16 @@

[<img src="https://raw.githubusercontent.com/vaadin/vaadin-board/master/screenshot.png" alt="Screenshot of vaadin-board">](https://vaadin.com/components/vaadin-board)
[<img src="https://raw.githubusercontent.com/vaadin/web-components/master/packages/board/screenshot.png" alt="Screenshot of vaadin-board">](https://vaadin.com/docs/latest/ds/components/board)
## Installation
Install `vaadin-board`:
Install the component:
```sh
npm i @vaadin/board --save
npm i @vaadin/board
```
Once installed, import it in your application:
Once installed, import the component in your application:
```js
import '@vaadin/board/vaadin-board.js';
import '@vaadin/board';
```

@@ -59,4 +57,5 @@

Vaadin Board is distributed under [Commercial Vaadin Developer License 4.0](https://vaadin.com/license/cvdl-4.0) (CVDLv4). For license terms, see LICENSE.txt.
Commercial Vaadin Developer License 4.0 (CVDLv4). For license terms, see LICENSE.txt.
Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.
Vaadin collects usage statistics at development time to improve this product.
For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.

@@ -6,8 +6,8 @@ /**

*/
import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
import { IronResizableBehavior } from '@polymer/iron-resizable-behavior/iron-resizable-behavior.js';
import { DomIf } from '@polymer/polymer/lib/elements/dom-if.js';
import { DomRepeat } from '@polymer/polymer/lib/elements/dom-repeat.js';
import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
import { afterNextRender } from '@polymer/polymer/lib/utils/render-status.js';
import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
import { DomRepeat } from '@polymer/polymer/lib/elements/dom-repeat.js';
import { DomIf } from '@polymer/polymer/lib/elements/dom-if.js';
import { IronResizableBehavior } from '@polymer/iron-resizable-behavior/iron-resizable-behavior.js';
import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';

@@ -14,0 +14,0 @@

@@ -28,4 +28,2 @@ /**

declare class Board extends ElementMixin(HTMLElement) {
static _finalizeClass(): void;
/**

@@ -32,0 +30,0 @@ * Redraws the board and all rows inside it, if necessary.

@@ -6,8 +6,8 @@ /**

*/
import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
import '@vaadin/vaadin-license-checker/vaadin-license-checker.js';
import './vaadin-board-row.js';
import { IronResizableBehavior } from '@polymer/iron-resizable-behavior/iron-resizable-behavior.js';
import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
import { IronResizableBehavior } from '@polymer/iron-resizable-behavior/iron-resizable-behavior.js';
import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
import '@vaadin/vaadin-license-checker/vaadin-license-checker.js';
import './vaadin-board-row.js';

@@ -14,0 +14,0 @@ /**

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc