# @buuug7/simplify-alert

> simplify alert package

Latest version **0.1.3** (published 2026-05-05) · ISC license · 0 weekly downloads

## Install

```sh
npm install @buuug7/simplify-alert
pnpm add @buuug7/simplify-alert
yarn add @buuug7/simplify-alert
bun add @buuug7/simplify-alert
```

## Health

**Score 45/100 (D)** — status: active.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.1.3 |
| Published | 2026-05-05 |
| First published | 2020-10-08 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 6.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | buuug7 |
| Maintainers | buuug7 |

## Links

- npm: https://www.npmjs.com/package/@buuug7/simplify-alert
- Repository: https://github.com/buuug7/simplify
- Homepage: https://github.com/buuug7/simplify#readme
- Issues: https://github.com/buuug7/simplify/issues
- npm.io page: https://npm.io/package/@buuug7/simplify-alert

## Recent versions

- 0.1.3 (latest) — 2026-05-05
- 0.1.2 — 2021-07-08
- 0.1.0 — 2021-06-26
- 0.0.9 — 2021-05-21
- 0.0.8 — 2021-05-21
- 0.0.7 — 2021-05-21
- 0.0.5 — 2020-11-06
- 0.0.4 — 2020-11-05
- 0.0.2 — 2020-10-08
- 0.0.1 — 2020-10-08

## README

# simplify alert

 <p>
    <a href="https://www.npmjs.com/package/@buuug7/simplify-alert?minimal=true">
        <img src="https://img.shields.io/npm/v/@buuug7/simplify-alert.svg" alt="npm version">
  	</a>
  	<a href="https://npmcharts.com/compare/@buuug7/simplify-alert?minimal=true">
  	    <img src="https://img.shields.io/npm/dm/@buuug7/simplify-alert.svg" alt="npm downloads"> 
  	</a>
  	<a href="#">
  	   <img src="https://img.shields.io/bundlephobia/min/@buuug7/simplify-alert.svg" alt="minified size"/>
  	</a>
 </p>

## Install

install `@buuug7/simplify-alert` package via npm, and then import from `@buuug7/simplify-alert/index.css` file.

```
npm install @buuug7/simplify-alert
```

[Demo examples](https://buuug7.github.io/simplify/alert/index.html)

## Usage

#### default

```html
<div class="alert">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias
  aspernatur deserunt distinctio dolorem, excepturi fugit harum in inventore
  iure, libero quis quod reprehenderit tempore voluptatibus! Dicta perspiciatis
  qui quia.
</div>
```

#### primary

```html
<div class="alert primary">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias
  aspernatur deserunt distinctio dolorem, excepturi fugit harum in inventore
  iure, libero quis quod reprehenderit tempore voluptatibus! Dicta perspiciatis
  qui quia.
</div>
```

#### with dismiss

```html
<div class="alert with-dismiss" id="dismissAlert">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias
  aspernatur deserunt distinctio dolorem, excepturi fugit harum in inventore
  iure, libero quis quod reprehenderit tempore voluptatibus! Dicta perspiciatis
  qui quia.
</div>
```

close dismiss alert use javascript

```javascript
const alert = document.querySelector('#dismissAlert');
alert.addEventListener('click', function (e) {
  alert.style.display = 'none';
});
```

---
_Source: https://npm.io/package/@buuug7/simplify-alert · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._