@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.