Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

window-modal

nik-m222ISC1.0.5TypeScript support: included

A mini window in your browser that can move, resize, minimize, and more!

window, modal, minimize, close, movable, move, resizable, minize, in, browser, react, jsx, javascript, js, os, popup, menu

readme

window-modal Build Status npm version

A modal window element designed to be smooth, clean and user friendly.
Includes many features and options!
Demo

Feature and improvement suggestions welcome!
Looking for a React Wrapper?

Features

  • Pure JS (Written in TypeScript)
  • Designed to be used in vanilla JS, or wrapped by front end frameworks (React, Vue, etc)
  • Highly tested
  • Movable
  • Resizable
  • Titles (with icons)
  • Minimize
  • Close
  • Scrollable
  • Customizable style (override styles with classnames, may have to use !important)
  • Many options!

Setup

<summary style="display:inline-block;"> CDN </summary> 
<script src="https://cdn.jsdelivr.net/npm/window-modal/build/index.js"/>

<summary> npm </summary>

npm install window-modal

then

const WindowModal = require("window-modal");

or

import WindowModal from "window-modal";

Usage

const options = { option: value };
new WindowModal(options);