Layout scaffolding for Web apps.
This library is made to avoid custom repetitive layout code.
See the kitchen sink for examples.
The available props per layout are included as a TypeScript declarations file.
There are CSS variables that can be declared in the parent of the *.Layout
components
(preferably :root
) for customizing the metrics of the layout:
--height-topbar
Default value: 4rem
Height of the top bar widget.
--size-menu
Default value: 4rem
Width or height of the menu, depending on the orientation it is rendered.
--color-topbar
Default value: white
Background colors of the topbar widget from the library.
--color-sidebar
Default value: white
Background colors of the main sidebar from the library.
--color-sidebar-menu
Default value: white
Background colors of the main sidebar menu from the library.