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 |