Skip to content

A mini floating window inside the browser that can move, resize, minimize and more!

Notifications You must be signed in to change notification settings

nicole-mcg/window-modal

Repository files navigation

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

CDN
<script src="https://cdn.jsdelivr.net/npm/window-modal/build/index.js"/>

npm

npm install window-modal

then

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

or

import WindowModal from "window-modal";

Usage

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

About

A mini floating window inside the browser that can move, resize, minimize and more!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published