libj-vue-comp-backdrops
v1.1.0
Published
Two vue components for showing `overlay` and `loading` effects over body or an `element relative position`
Downloads
1
Readme
libj-vue-comp-backdrops
Part of libj tools
Two vue components for showing overlay
and loading
effects over body or an element relative position
Usage
npm install libj-vue-comp-backdrops
With default theme
import 'libj-vue-comp-backdrops/dist/libj-vue-comp-backdrops.default.min.css'
import 'libj-vue-comp-backdrops'
//Now, j-overlay and j-loading components are available globally
Customize theme
You'll need a separate .scss file like (showcase/showcase.scss):
// Set variables here
.
.
.
@import 'libj-vue-comp-backdrops/index.scss';
// Now override classes
.
.
.
SCSS Variables:
$j-overlay-bg: black !default;
$j-loading-background-color: rgba(0,0,0,0.25) !default;
$j-loading-color: white !default;
$j-loading-z-index: 1040 !default;
$j-loading-spinner-size: 2rem !default;
$j-loading-border-width: 5px !default;
Test
- Run this in a separate command line to start node server
node server.js
- Run one of the following to re-create bundles
npm run dev
npm run dev:watch
- Navigate to http://localhost:3000
Build
npm run build
npm run build:watch