vue-windows
It's inspired by the socket.io homepage, only 1kb.
Install
$ npm install --save vue-windows
Usage
<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:
500
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