@logo-elements/board

A powerful and easy to use layout web component for building responsive views.

ℹ️  This component extended from Vaadin Web Components. A commercial Vaadin subscription is required to use Board in your project.

<logo-elements-board>
  <logo-elements-board-row>
    <div class="top a" board-cols="2">top A</div>
    <div class="top b">top B</div>
    <div class="top c">top C</div>
  </logo-elements-board-row>
  <logo-elements-board-row>
    <div class="mid">mid</div>
  </logo-elements-board-row>
  <logo-elements-board-row>
    <div class="low a">low A</div>
    <logo-elements-board-row>
      <div class="top a">low B / A</div>
      <div class="top b">low B / B</div>
      <div class="top c">low B / C</div>
      <div class="top d">low B / D</div>
    </logo-elements-board-row>
  </logo-elements-board-row>
</logo-elements-board>

Installation

Install the component:

npm i @logo-elements/board -s

Once installed, import the component in your application:

import '@logo-elements/board';

For more detailed information, please visit:

Logo Elements Documentation ↗

License

Commercial Vaadin Developer License 4.0 (CVDLv4). For license terms, see LICENSE.txt.

Vaadin collects usage statistics at development time to improve this product. For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.