Have ideas to improve npm?Join in the discussion! »

    asmmodal

    0.1.2 • Public • Published

    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-dev
    

    Bootstrap

    bootstrap@4.5.0

    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.

    Install

    npm i asmmodal

    DownloadsWeekly Downloads

    3

    Version

    0.1.2

    License

    MIT

    Unpacked Size

    1.5 MB

    Total Files

    33

    Last publish

    Collaborators

    • avatar