Popup

Functional Popup and easy to implement.

Default

To implement the popup we have the component vs-popup.

Inner Popup

You can add one popup inside another.

Fullscreen

the popup can be full screen you just have to add the property fullscreen.

Background

You can change the background of the property with the property background-color or if you want to change the color of the popup you can use the property background-color-popup

API #

Name Type Parameters Description default
title String Popup title.
active.sync Boolean Determines if the popup is active (visible).
fullscreen Boolean Determines if the popup has the full size of the screen.
background-color String primary, success, danger, warning, dark, RGB, HEX Change the color of the popup content. rgba(0,0,0,.5)
background-color-popup String primary, success, danger, warning, dark, RGB, HEX Change the color of the popup only. rgb(255,255,255)
button-close-hidden Boolean Remove button cancel in header. false
icon-pack String Icon Pack Class Name Icon Pack to be used. If not set, icon will default to Material Icons. ex. FA4 uses fa or fas, FA5 uses fas, far, or fal. material-icons
icon-close String icon name Element icon. close