<vue-modality-v3ref="myRef"title="Modal"hide-footercentered>
Hi, there! I'm a basic modal with no footer
</vue-modality-v3>
Footer
<vue-modality-v3ref="myRef"@ok="$refs.myRef.hide()"@cancel="$refs.myRef.hide()"title="Modal"centered>
Use the footer buttons to close the modal
</vue-modality-v3>
Error icon
<vue-modality-v3ref="myRef"errortitle="Error"centered@ok="$refs.myRef.hide()"@cancel="$refs.myRef.hide()">
Oh! Something went wrong!
</vue-modality-v3>
Success icon
<vue-modality-v3ref="myRef"successtitle="Success"centered@ok="$refs.myRef.hide()"@cancel="$refs.myRef.hide()">
That was a success ;)
</vue-modality-v3>
Loading
<vue-modality-v3ref="myRef":ok-loading="loading"@ok="okHandle()"title="Loading"centered@cancel="$refs.success.hide()">
Click on the OK button
</vue-modality-v3>
No close on backdrop
<vue-modality-v3ref="myRef"no-close-on-backdropno-close-on-eschide-canceltitle="Use the button"centered@ok="$refs.myRef.hide()"@cancel="$refs.myRef.hide()">
Now you can't exit the modal by hiting ESC or clicking outside the box
</vue-modality-v3>