UNPKG

@logo-elements/vertical-layout

Version:

A web component that places its content top-to-bottom in a column.

39 lines (27 loc) 917 B
import {html, PolymerElement} from '@polymer/polymer/polymer-element.js'; import { VerticalLayout } from '@vaadin/vertical-layout' /** *# @logo-elements/vertical-layout A web component that places its content top-to-bottom in a column. ```html <logo-elements-vertical-layout theme="spacing padding"> <div>Item 1</div> <div>Item 2</div> <div>Item 3</div> <div>Item 4</div> </logo-elements-vertical-layout> ``` ## Installation Install the component: ```sh npm i @logo-elements/vertical-layout -s ``` Once installed, import the component in your application: ```js import '@logo-elements/vertical-layout'; ``` */ class LogoElementsVerticalLayout extends VerticalLayout { static get is() {return 'logo-elements-vertical-layout';} } if (!window.customElements.get(LogoElementsVerticalLayout.is)) { window.customElements.define(LogoElementsVerticalLayout.is, LogoElementsVerticalLayout); }