vue-windows 
It's inspired by the socket.io homepage, only 1kb.
Install
$ npm install --save vue-windowsUsage
<template>
<div id="app">
<editor-window title="my window">
editor window body
</editor-window>
<browser-window title="http://example.com">
browser window body
</browser-window>
</div>
</template>
<script>
import {EditorWindow, BrowserWindow} from 'vue-windows'
export default {
components: {
EditorWindow,
BrowserWindow
}
}
</script>
<!-- Don't forget the CSS! -->
<style src="vue-windows/dist/vue-windows.css"></style>API
Props
title
- Type:
string - Required:
true
shadow
- Type:
boolean - Default:
false
Whether to show window shadow.
theme
- Type:
string - Default:
default - Available:
default,dark
width
- Type:
number,string - Default:
100%
Number values are resolved into lengths in px while string values are used directly.
height
- Type:
number,string - Default:
340
Number values are resolved into lengths in px while string values are used directly.
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
Development
yarn
yarn example