Skip to content

Latest commit

 

History

History
66 lines (46 loc) · 1.17 KB

README.md

File metadata and controls

66 lines (46 loc) · 1.17 KB
Raw

Luna Window

HTML5 window manager.

Demo

https://luna.liriliri.io/?path=/story/window

Install

Add the following script and style to your page.

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/luna-window/luna-window.css" />
<script src="//cdn.jsdelivr.net/npm/luna-window/luna-window.js"></script>

You can also get it on npm.

npm install luna-window --save
import 'luna-window/luna-window.css'
import LunaWindow from 'luna-window'

Usage

const win = new LunaWindow({
  title: 'Window Title',
  x: 50,
  y: 50,
  width: 800,
  height: 600,
  content: 'This is the content.'
})
win.show()

Configuration

  • content(string|HTMLElement): Content to display, url is supported.
  • height(number): Height of the window.
  • minHeight(number): Minimum height of the window.
  • minWidth(number): Minimum width of the window.
  • title(string): Title of the window.
  • width(number): Width of the window.
  • x(number): Offset to the left of the viewport.
  • y(number): Offset to the top of the viewport.

Api

maximize(): void

Maximize the window.

minimize(): void

Minimize the window.

show(): void

Show the window.