Name: vaadin-tabs
Owner: Vaadin
Description: The Web Component for customized tabs. Part of the Vaadin components.
Created: 2017-09-20 17:45:11.0
Updated: 2018-05-23 12:14:50.0
Pushed: 2018-05-23 12:14:49.0
Homepage: https://vaadin.com/components
Size: 983
Language: HTML
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
Live Demo ? | API documentation ?
<vaadin-tabs> is a Polymer 2 element providing item navigation part of the Vaadin components. It is designed for menu and tab components.
din-tabs selected="3">
aadin-tab>Page 1</vaadin-tab>
aadin-tab>Page 2</vaadin-tab>
aadin-tab>Page 3</vaadin-tab>
aadin-tab>Page 4</vaadin-tab>
adin-tabs>
Vaadin components use the Lumo theme by default.
src/vaadin-tab.html
src/vaadin-tabs.html
Unstyled components.
theme/lumo/vaadin-tab.html
theme/lumo/vaadin-tabs.html
Components with Lumo theme.
vaadin-tab.html
vaadin-tabs.html
Alias for theme/lumo/vaadin-tab.html theme/lumo/vaadin-tabs.html
Fork the vaadin-tabs
repository and clone it locally.
Make sure you have npm installed.
When in the vaadin-tabs
directory, run npm install
and then bower install
to install dependencies.
Run polymer serve --open
, browser will automatically open the component API documentation.
You can also open demo or in-browser tests by adding demo or test to the URL, for example:
http://127.0.0.1:8080/components/vaadin-tabs/demo
http://127.0.0.1:8080/components/vaadin-tabs/test
vaadin-tabs
directory, run polymer test
We are using ESLint for linting JavaScript code. You can check if your code is following our standards by running gulp lint
, which will automatically lint all .js
files as well as JavaScript snippets inside .html
files.
gulp lint
polymer test
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.