libj-vue-comp-modal

Part of libj tools

Modals for vue

Needs jQuery to be available globally

Usage

npm install libj-vue-comp-modal

With default theme

import 'libj-vue-comp-modal/dist/libj-vue-comp-modal.default.min.css'
import 'libj-vue-comp-modal'
//Now, j-modal-raw, j-modal-with-header and j-modal components are available globally

Customize theme

You'll need a separate .scss file like (showcase/showcase.scss):

// Set variables here
.
.
.
@import 'libj-vue-comp-modal/index.scss';
// Now override classes
.
.
.

SCSS Variables:

$j-modal-background: #ffffff !default;
$j-modal-text: #666 !default;
$j-modal-close-color: #00c3ff !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