Package Exports
- asmmodal
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (asmmodal) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
asmmodal
The asmmodal component is a customizable component.
Example
- Clone the project
- npm install
- npm run dev
- Open browser to local server
Usage
NPM
npm install asmmodal --save-devBootstrap
Vue
Vue.use
....
import AsmModal from 'asmmodal';
import 'asmmodal/dist/asm.css';
Vue.use(AsmModal);
....
/*
<AsmModal
:modal-show="false"
@closeModal="onCloseModal"
>
</AsmModal>
*/
....
import {AsmModal}
....
import { AsmModal } from 'asmmodal';
import 'asmmodal/dist/asm.css';
....
components:{
....
'asm-modal':AsmModal
}
....
Documentation
Available Props
| Prop | Type | Default | Description | Required |
|---|---|---|---|---|
| modal-show | Boolean | false | Modal State (show/close) | True |
| modal-info | Object | Modal Title, Modal contents | ||
| modal-size | String | '' | Modal Sizes (sm,lg,xl) | |
| modal-centered | Boolean | false | Modal Vertical alignment | |
| modal-scrollable | Boolean | false | With or without modal scrolling | |
| modal-stacking | Boolean | false | Modal stacking state | |
| modal-header | Boolean | true | Modal header state | |
| modal-footer | Boolean | true | Modal footer state | |
| modal-id | String | '' | Modal id value | |
| modal-header-class | String | '' | Modal header class value | |
| modal-footer-class | String | '' | Modal footer class value | |
| modal-class | String | '' | Modal theme class value | |
| modal-btn | String | 'primary' | Modal theme button class value | |
| modal-lazy | Boolean | false | Modal lazy state | |
| modal-back-drop | Boolean | false | Modal background state |
Available Events
| Method | Type | Default | Description | Required |
|---|---|---|---|---|
| closeModal | function | Modal close action | True | |
| activeEventOk | function | Modal 'confirm' action | ||
| activeEventClose | function | Modal close action |
Browser Support
- chrome
- ie 10+
- safari
- firefox
- opera
License
AsmModal is open source and released under the MIT License.