Layout scaffolding for Web apps.
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

README.md 949 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. # Viewfinder
  2. Layout scaffolding for Web apps.
  3. This library is made to avoid custom repetitive layout code.
  4. ## Usage
  5. See the [kitchen sink](./packages/kitchen-sink) for examples.
  6. The available props per layout are included as a TypeScript declarations file.
  7. ## Configuration
  8. There are CSS variables that can be declared in the parent of the `*.Layout` components
  9. (preferably `:root`) for customizing the metrics of the layout:
  10. ### `--height-topbar`
  11. Default value: `4rem`
  12. Height of the top bar widget.
  13. ### `--size-menu`
  14. Default value: `4rem`
  15. Width or height of the menu, depending on the orientation it is rendered.
  16. ### `--color-topbar`
  17. Default value: `white`
  18. Background colors of the topbar widget from the library.
  19. ### `--color-sidebar`
  20. Default value: `white`
  21. Background colors of the main sidebar from the library.
  22. ### `--color-sidebar-menu`
  23. Default value: `white`
  24. Background colors of the main sidebar menu from the library.