# PopMan
## 💬
[](https://travis-ci.org/sj-js/popman)
[](https://github.com/sj-js/popman/releases)
[](https://github.com/sj-js/popman/releases)
[](https://github.com/sj-js/popman/releases)
- 새 창(window)을 띄우지 않고 특정정보를 부각시킬 수 있습니다.
- ✨ Source: https://github.com/sj-js/popman
- ✨ Document: https://sj-js.github.io/sj-js/popman
## Getting Started
0. Load
- Browser
```html
```
- ES6+
```bash
npm i @sj-js/popman
```
```js
const PopMan = require('@sj-js/popman');
const popman = new PopMan();
```
1. `popman.new({OPTIONS})`로 POP Element를 등록합니다.
```js
popman.new({
id:'pop-test', //Pop Element ID
exp:'50%/90%', //Width and Height
content: 'This is contents.'
});
```
2. `popman.pop('Element ID')`로 POP Element를 호출합니다.
```js
popman.pop('pop-test');
```
3. Simple Example
```html
Hello Popman
TEST
```