Skip to content
This repository has been archived by the owner on Nov 6, 2021. It is now read-only.

szgk/vue-browserlike-window

Repository files navigation

CircleCI

Vue BrowserLike Window

Draggable and Resizable UI like browser.

demo

How to use

  • install
npm i -D vue-browserlike-window
yarn add  -D vue-browserlike-window
  • main.js
import VBWindow from 'vue-browserlike-window'

Vue.use(VBWindow)
  • *.vue
<template>
  <vb-window
    v-model="open"
    @close="open = false"
    :top="100"
    :left="100"
    :active="0"
    :tabs="['tab1', 'tab2', 'tab3']"
    mode="tab"
  >
    <vb-window-item>item1</vb-window-item>
    <vb-window-item>item2</vb-window-item>
    <vb-window-item>item3</vb-window-item>
  </vb-window>
</template>
name type discription
mode "tab" tab mode setting
top number top position
left number left position
active active default active tab number
tabs string[] tab menus

About

Draggable and Resizable UI like browser.

Resources

Stars

Watchers

Forks

Packages

No packages published