Modal windows
Usage
Install
Simply use npm installation.
npm install lc-modal --save
Import
Suggest using ES6 syntax.
//JavaScript;
//TypeScript;
API
You should new a modal instance before showing a modal. You can open a new modal even another modal exist.
// all arguments are optional.let args = backgroundImage: 'string' //modal background image. default: '' animationDuration: 'number' //if set it zero, whole modal will not have animation. default: 300 backdropColor: 'string' // example: #ffffff, rgba(0,0,0,0.1). default: #ffffff backgroundPosition: 'string' //default: bottom backgroundRepeat: 'string' //default: no-repeat baseIndex: 'number' // if your modal is overlaid by another dom, you can set it bigger. default: 200 sizeRatio: 'number' // modal size ratio contentBoxWith: 'number' // modal size is sizeRatio * contentBoxWidth;let modal = args;
alert
A simple text alert for noticing user something important. If text only one line, the text will align center otherwise it will align left.
let modal = ;modal;
titleAlert
A alert with title.
let modal = ;modal;
loading
A loading modal for telling user page was loading something.
let modal = ;modal;;;