[![release](https://badgen.net/github/release/viivue/easy-popup/)](https://github.com/viivue/easy-popup/releases/latest)
[![npm](https://badgen.net/npm/v/@viivue/easy-popup)](https://www.npmjs.com/package/@viivue/easy-popup)
[![minified](https://badgen.net/badge/CSS+JS/15KB/cyan)](https://www.jsdelivr.com/package/gh/viivue/easy-popup)
[![jsdelivr](https://data.jsdelivr.com/v1/package/gh/viivue/easy-popup/badge?style=rounded)](https://www.jsdelivr.com/package/gh/viivue/easy-popup)
[![Netlify Status](https://api.netlify.com/api/v1/badges/099e6ca7-c6f5-4f93-9f49-15986c7fc8d8/deploy-status)](https://app.netlify.com/sites/easy-popup/deploys)
[![Staging deploy](https://github.com/viivue/easy-popup/actions/workflows/staging-deploy.yml/badge.svg)](https://github.com/viivue/easy-popup/actions/workflows/staging-deploy.yml)

## Install

### With `npm`

Install

```shell
npm i @viivue/easy-popup
```

..then import

```js
// style
import "@viivue/easy-popup/dist/easy-popup.min.css"

// script
import "@viivue/easy-popup";
```

View package at [@viivue/easy-popup](https://www.npmjs.com/package/@viivue/easy-popup)

### With CDN

```html
<!-- Easy Popup -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/viivue/easy-popup@1.3.0/dist/easy-popup.min.css">
<script src="https://cdn.jsdelivr.net/gh/viivue/easy-popup@1.3.0/dist/easy-popup.min.js"></script>
```