com.github.fluorumlabs.disconnect.vaadin.elements.BoardElement Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of disconnect-vaadin Show documentation

Vaadin components bindings for Disconnect Zero

The newest version!

package com.github.fluorumlabs.disconnect.vaadin.elements;

import com.github.fluorumlabs.disconnect.core.annotations.Import;
import com.github.fluorumlabs.disconnect.core.annotations.NpmPackage;
import com.github.fluorumlabs.disconnect.vaadin.Vaadin;
import com.github.fluorumlabs.disconnect.vaadin.elements.mixins.ElementMixin;
import js.web.dom.HTMLElement;

/**
 * <vaadin-board> is a Polymer element to create flexible responsive layouts
 * and build nice looking dashboards.
 * 
 * A Vaadin Board is built using <vaadin-board-row> elements containing your child elements.
 * Each board row consists of four columns, and can contain up to four elements. Using column spans
 * you can tune the layout to your liking.
 *
 * 
<vaadin-board>
 *   <vaadin-board-row>
 *     <div>This could be chart 1</div>
 *     <div>This could be chart 2</div>
 *     <div>This could be chart 3</div>
 *     <div>This could be chart 4</div>
 *   </vaadin-board-row>
 * </vaadin-board>
 * 
 */
@NpmPackage(
		name = "@vaadin/vaadin",
		version = Vaadin.VERSION
)
@Import(
		module = "@vaadin/vaadin-board/theme/lumo/vaadin-board.js"
)
public interface BoardElement extends HTMLElement, ElementMixin {
	static String TAGNAME() {
		return "vaadin-board";
	}

	/**
	 * Redraws the board and all rows inside it, if necessary.
	 * 
	 * In most cases, board will redraw itself if your reconfigure it. If you dynamically change CSS
	 * which affects this element, then you need to call this method.
	 */
	void redraw();
}