vaadin/vaadin-board

Name: vaadin-board

Owner: Vaadin

Description: Web Component version of vaadin-board

Created: 2017-01-25 09:57:40.0

Updated: 2018-05-16 10:17:43.0

Pushed: 2018-05-18 17:14:25.0

Homepage:

Size: 211

Language: HTML

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Polymer element 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. Vaadin Board is using Polymer 2.

License

Vaadin Board is distributed under Commercial Vaadin Add-on License version 3 (CVALv3). For license terms, see LICENSE.txt.

Using Vaadin Board in your project

Install Vaadin Board

wer install --save vaadin/vaadin-board

Import Vaadin Board

Add html import

k rel="import" href="bower_components/vaadin-board/vaadin-board.html">
ipt src="../../webcomponentsjs/webcomponents-lite.js"></script>

Use Vaadin Board

Create your first Vaadin Board

din-board>
aadin-board-row>
<div class="top a" board-cols="2">top A</div>
<div class="top b">top B</div>
<div class="top c">top C</div>
vaadin-board-row>
aadin-board-row>
<div class="mid">mid</div>
vaadin-board-row>
aadin-board-row>
<div class="low a">low A</div>
<vaadin-board-row>
  <div class="top a">low B / A</div>
  <div class="top b">low B / B</div>
  <div class="top c">low B / C</div>
  <div class="top d">low B / D</div>
</vaadin-board-row>
vaadin-board-row>
adin-board>

Viewing Demo Application

Clone the repository

git clone https://github.com/vaadin/vaadin-board.git

Install polymer-cli:

npm install -g polymer-cli

Install Bower dependencies:

polymer install

Serve your application locally.

polymer serve

Go to http://localhost:8080/components/vaadin-board/demo/index.html to see the demo.