- # Vaadin Elements
+ # Vaadin Core Elements
- [](https://gitter.im/vaadin/vaadin-elements?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
+ [](https://gitter.im/vaadin/vaadin-core-elements?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
- Vaadin Elements is an evolving set of custom HTML elements, built using [Polymer](https://www.polymer-project.org), for building mobile and desktop web applications in modern browsers.
+ Vaadin Core Elements is an evolving set of custom HTML elements, built using [Polymer](https://www.polymer-project.org), for building mobile and desktop web applications in modern browsers.
-### Component examples and documentation
+### Examples and Documentation
View live examples and source code side-by-side for individual custom elements.
-=======
| Element | Description | Status
| --- | --- | --- |
- | [<**vaadin-grid**>](https://github.com/vaadin/vaadin-grid) · [Examples](https://cdn.vaadin.com/vaadin-elements/latest/vaadin-grid/demo/) · [API](https://cdn.vaadin.com/vaadin-elements/latest/vaadin-grid/) | Data grid for showing large amounts of tabular data. | Beta |
- | [<**vaadin-combo-box**>](https://github.com/vaadin/vaadin-combo-box) · [Examples](https://cdn.vaadin.com/vaadin-elements/master/vaadin-combo-box/demo/) · [API](https://cdn.vaadin.com/vaadin-elements/master/vaadin-combo-box/) | Filterable select element for a large set of items. | Alpha |
-
+ | [<**vaadin-grid**>](https://github.com/vaadin/vaadin-grid) · [Examples](https://cdn.vaadin.com/vaadin-core-elements/latest/vaadin-grid/demo/) · [API](https://cdn.vaadin.com/vaadin-core-elements/latest/vaadin-grid/) | Data grid for showing large amounts of tabular data. | Beta |
-
-### Quickstart
-
- Get a quick test-drive of the custom elements by forking one of the following JSFiddles:
-
-- <**vaadin-grid**>
- - [Data generated on-the-fly](http://jsfiddle.net/jounik/tvk1235r/)
- - [JSON data from a URL](http://jsfiddle.net/jounik/tLour4gv/)
++| [<**vaadin-combo-box**>](https://github.com/vaadin/vaadin-combo-box) · [Examples](https://cdn.vaadin.com/vaadin-core-elements/master/vaadin-combo-box/demo/) · [API](https://cdn.vaadin.com/vaadin-core-elements/master/vaadin-combo-box/) | Filterable select element for a large set of items. | Alpha |
### Installation
We recommend using [Bower](http://bower.io) for managing your front-end dependencies. Follow the [Bower installation instructions](http://bower.io/#install-bower), then run the following command inside your project folder to install the most recent stable release.
```shell
- $ bower install --save vaadin-elements
+ $ bower install --save vaadin-core-elements
```
- This will download Vaadin Elements and its dependencies to the `bower_components` folder inside your project's folder.
-
+ This will download Vaadin Core Elements bundle and its dependencies to the `bower_components` folder inside your project's folder.
-
++
If you wish to use the development snapshot version of some component, you can install/update that separately:
--
++
```shell
$ bower install --save vaadin-grid#master
```
<vaadin-grid selection-mode="multi">
<table>
<!-- Define the columns -->
- <col name="index" header-text="#" width="48">
+ <col name="index" width="48">
<col name="user.picture.thumbnail" width="54">
- <col name="user.name.first" header-text="First Name">
- <col name="user.name.last" header-text="Last Name">
- <col name="user.email" header-text="Email" flex>
+ <col name="user.name.first">
+ <col name="user.name.last">
+ <col name="user.email" flex>
</table>
-
++
+ <!-- Define custom column headers -->
+ <thead>
+ <tr>
+ <th>#</th>
+ <th></th>
+ <th>First Name</th>
+ <th>Last Name</th>
+ <th>Email</th>
+ </tr>
+ </thead>
</vaadin-grid>
<script>
// use to determine when the custom elements are ready to be used
document.addEventListener("WebComponentsReady", function () {
-
+ // Configure vaadin-grid to show data
++
// Reference to the grid element
var grid = document.querySelector("vaadin-grid");
"authors": [
"Vaadin Ltd"
],
- "description": "Vaadin Elements is an evolving set of custom HTML elements, built using Polymer, for building mobile and desktop web applications in modern browsers.",
+ "description": "Vaadin Core Elements is an evolving set of free, open sourced custom HTML elements, built using Polymer, for building mobile and desktop web applications in modern browsers.",
- "license": "Apache License 2.0",
+ "license": "Apache-2.0",
"keywords": [
+ "vaadin",
+ "core",
+ "elements",
+ "web",
+ "components",
+ "webcomponents",
"web-components"
],
- "main": "vaadin-elements.html",
+ "main": "vaadin-core-elements.html",
"ignore": [
"**/.*",
"**/node_modules",
"**/tests"
],
"dependencies": {
- "vaadin-grid": "vaadin/vaadin-grid#0.9.0-beta5",
- "vaadin-grid": "vaadin/vaadin-grid#~1.0.0"
++ "vaadin-grid": "vaadin/vaadin-grid#~1.0.0",
+ "vaadin-combo-box": "vaadin/vaadin-combo-box#1.0.0-alpha2"
},
"devDependencies": {
"iron-component-page": "polymerelements/iron-component-page#~1.1.0",
{
- "name": "vaadin-elements",
+ "name": "vaadin-core-elements",
"version": "0.3.0",
- "description": "Vaadin Elements is an evolving set of custom HTML elements, built using Polymer, for building mobile and desktop web applications in modern browsers.",
+ "description": "Vaadin Core Elements is an evolving set of free, open sourced custom HTML elements, built using Polymer, for building mobile and desktop web applications in modern browsers.",
"author": "Vaadin Ltd",
- "license": "Apache License 2.0",
+ "license": "Apache-2.0",
"dependencies": {
"bower": "latest",
"fs-extra": "latest",
var userhome = process.env.HOME || process.env.HOMEPATH || process.env.USERPROFILE;
module.exports = {
- elements: ['vaadin-grid', 'vaadin-combo-box'],
- coreElements: ['vaadin-grid'],
++ coreElements: ['vaadin-grid', 'vaadin-combo-box'],
version: args.version || 'master',
permalink: args.version ? 'latest' : '',
toolsHost: args.toolsHostname || 'tools.vaadin.com',
projects / vaadin-core.git / commitdiff