DragDropWindow

This component allows you to create a draggable window. It depends on VueWindow.

Example

DragDropWindow

<drag-drop-window
    :minHeight="50"
    :maxHeight="100"
    :minWidth="50"
    :maxWidth="100"
    :isOpen="true"
    title="Title"
/>

Props

NameDescriptionTypeRequiredDefault
titleAllows you to indicate the title of the windowStringfalse""
resizableAllows you to indicate if the window is resizableBooleanfalsetrue
showCloseButtonAllows you to indicate if the close bottom will be displayed or notBooleanfalsetrue
isOpenToogle for open and closeBooleanfalsefalse
minWidthAllows you to indicate the min width of the windowNumberfalse300
minHeightAllows you to indicate the min height of the windowNumberfalse200
maxWidthAllows you to indicate the max width of the windowNumberfalseundefined
maxHeightAllows you to indicate the max height of the windowNumberfalseundefined

Events

Event NameDescriptionParameters
toogleOpen--

Slots

NameDescriptionDefault Slot Content
default--