Name: vaadin-ordered-layout
Owner: Vaadin
Description: A set of two Web Components providing a simple way to horizontally or vertically align your HTML elements. Part of the Vaadin components.
Created: 2017-09-19 07:34:32.0
Updated: 2018-05-23 08:54:50.0
Pushed: 2018-05-23 08:54:59.0
Homepage: https://vaadin.com/components
Size: 500
Language: HTML
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
Live Demo ? | API documentation ?
<vaadin-ordered-layout> consist of two Polymer 2 elements providing a simple way to horizontally or vertically align your HTML elements, part of the Vaadin components.
din-horizontal-layout>
iv>Horizontally</div>
iv>Aligned</div>
adin-horizontal-layout>
din-vertical-layout>
iv>Vertically</div>
iv>Aligned</div>
adin-vertical-layout>
Vaadin components use the Lumo theme by default.
src/vaadin-horizontal-layout.html
src/vaadin-vertical-layout.html
Unstyled components.
theme/lumo/vaadin-horizontal-layout.html
theme/lumo/vaadin-vertical-layout.html
Components with Lumo theme.
vaadin-horizontal-layout.html
vaadin-vertical-layout.html
Alias for theme/lumo/vaadin-horizontal-layout.html theme/lumo/vaadin-vertical-layout.html
Fork the vaadin-ordered-layout
repository and clone it locally.
Make sure you have npm installed.
When in the vaadin-ordered-layout
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-ordered-layout/demo
http://127.0.0.1:8080/components/vaadin-ordered-layout/test
vaadin-ordered-layout
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