Board

Description #

<vaadin-board> is a web component 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>

Methods #

redraw #

Type: () => void

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 breakpoints --vaadin-board-width-small or --vaadin-board-width-medium, then you need to call this method.