hsLayout
Helpful Scripts framework-independent data management functions.
hsLayout provides means to layout the browser window in various ways.
It uses the mithril framework to create the layout.
Installation
npm i hslayout
Usage
The following snippet creates a layout that fills the provided root element with three rows. The first and third rows have a fixed size, while the middle row fills the remaining space.
import { m, Layout } from 'hslayout';
m.mount(root, {view: () => m(Layout, {
rows: ["50px", "fill", "20px"],
content:['Top row: 50px', 'Middle row: fill', 'Fixed footer']
})
});