Layout scaffolding for Web apps.
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
 
 
 
TheoryOfNekomata e4a544fd0f Update components il y a 7 mois
packages Update components il y a 7 mois
.editorconfig Initial commit il y a 3 ans
.gitignore Add DS_Store il y a 8 mois
LICENSE Major refactor il y a 1 an
README.md Add variables for layouts il y a 9 mois
pnpm-lock.yaml Fix topbar il y a 8 mois
pnpm-workspace.yaml Refactor to tailwind il y a 9 mois

README.md

Viewfinder

Layout scaffolding for Web apps.

This library is made to avoid custom repetitive layout code.

Usage

See the kitchen sink for examples.

The available props per layout are included as a TypeScript declarations file.

Configuration

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.