welcome to nuxt glorious

Modal

A dialog window that can be used to display a message or request user input.

Example

simple example for modal component

this modal close with `esc` key of keyboard if use GloriousStore and add object to modals state

modal
this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal this is simple modal 
            
<GModal
    v-model="modal"
    title="modal"
    >
    this is simple modal
</GModal>

config

config for global setting , set on nuxt.config 

            
glorious:{
    components:{
        modal:{
            props:{
                size:'md',
                colorBtn:'green',
            }
        }
    }
}

props

PropTypeDefault
model valueany
titlestring
sizexl | lg | md | sm | xsmd
okBtnstring
closeBtnstring
blurboolean
blurCloseboolean
okBtnLoadingbooleanfalse
colorBtnorange | blue | gray | red | primary | stringgreen

slots

slotDefault
defaultany

emits

emitDefault
okany
closeany