vue-layouts (l5s)
Small, simple and fast lib for convinience building layouts with Vue 3.
Warning!
Currently is under hard development. If you have any ideas how to improve this lib, PR's are welcome.
development and contributing
- install deps
yarn
- run dev server
yarn serve
- run unit tests
yarn test:unit
Examples
sticky
html
<l-sticky>
<div class="topbar"></div>
</l-sticky>
props
name | type | default | description |
---|---|---|---|
to | string | top | direction to stick top , right , bottom , left |
offset | number | 0 | offset amount, that converts to Npx value for to |
slots
name | description |
---|---|
default | content passed via default slot |
TODO (proto)
- base component with common properties
- z (z-index)
- tag
- mx, my
- mt, mr, mb, ml
- px, py
- pt, pr, pb, pl
- fix
- sticky
- absolute
- center
- container (using css vars)
- row (using css vars)
- column (using css vars)