Package com.vaadin.flow.component.board

Class Board

java.lang.Object
com.vaadin.flow.component.Component
com.vaadin.flow.component.board.Board
All Implemented Interfaces:
AttachNotifier, DetachNotifier, HasComponents, HasElement, HasEnabled, HasOrderedComponents, HasSize, HasStyle, Serializable
@Tag("vaadin-board") @NpmPackage(value="@vaadin/polymer-legacy-adapter",version="24.3.11") @NpmPackage(value="@vaadin/board",version="24.3.11") @JsModule("@vaadin/polymer-legacy-adapter/style-modules.js") @JsModule("@vaadin/board/src/vaadin-board.js") public class Board extends Component implements HasSize, HasStyle, HasOrderedComponents
Vaadin Board allows creating responsive layouts in an easy way.

A Board consists of Rows where you can add any Vaadin component. Each Row consists of four columns, and can contain up to four components taking one column each, or fewer components with multiple columns each as long as sum of columns stays less than or equal to four.

See Also:

  • Constructor Details

    • Board

      public Board()
      Creates an empty board.

      Use addRow(Component...) to add content to the board.

  • Method Details

    • addRow

      public Row addRow(Component... components)
      Creates a new row and adds the given components to the row.

      All the added components have cols set to 1, i.e. use one slot in the row. The number of slots in the row is the number of added components.

      Parameters:
      components - components to add, no more than 4
      Returns:
      a row instance which can be used for further configuration
      Throws:
      IllegalArgumentException - if there are more than 4 components

    • removeRow

      public void removeRow(Row row)
      Removes the given row from the board.
      Parameters:
      row - the row to be removed

    • redraw

      public void redraw()
      Forces the board to be redrawn.

      This method typically only needs to be called if you change CSS (through a variable or otherwise) which affects the size of the board or the breakpoints used. Otherwise, the component will be redrawn automatically when needed.