# js-responsive-waterfall

> A JS Library for waterfall layout

Latest version **1.1.1** (published 2019-09-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install js-responsive-waterfall
pnpm add js-responsive-waterfall
yarn add js-responsive-waterfall
bun add js-responsive-waterfall
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.1 |
| Published | 2019-09-03 |
| First published | 2019-09-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | KizunaSwift |
| Maintainers | kizunaswift |
| Keywords | waterfall, promise |

## Links

- npm: https://www.npmjs.com/package/js-responsive-waterfall
- npm.io page: https://npm.io/package/js-responsive-waterfall

## Alternatives

- [@commercetools/sync-actions](https://npm.io/package/@commercetools/sync-actions.md) — 25.1K weekly downloads
- [cwait](https://npm.io/package/cwait.md) — 21.4K weekly downloads
- [@ledgerhq/hw-app-cosmos](https://npm.io/package/@ledgerhq/hw-app-cosmos.md) — 4.2K weekly downloads
- [@financial-times/o-loading](https://npm.io/package/@financial-times/o-loading.md) — 2.8K weekly downloads
- [fa](https://npm.io/package/fa.md) — 185 weekly downloads

## Recent versions

- 1.1.1 (latest) — 2019-09-03
- 1.1.0 — 2019-09-03
- 1.0.9 — 2019-09-03
- 1.0.8 — 2019-09-03
- 1.0.7 — 2019-09-03
- 1.0.6 — 2019-09-03
- 1.0.5 — 2019-09-02
- 1.0.3 — 2019-09-02
- 1.0.2 — 2019-09-02
- 1.0.1 — 2019-09-02
- 1.0.0 — 2019-09-02

## README

1. This is a js function includes css + div + promise that contains waterfall flow layout
2. load item that includes image(promise) one by one, pass if image onerror
3. Simple to use pass a params data to function waterfall
4. Responsive layout mobile pc pad
5. If your browser doesn't support promise, please instal promise-polyfill

### Installation
```
npm install js-responsive-waterfall --save
import { waterfall } from 'js-responsive-waterfall'
```

```
<script src="https://unpkg.com/js-responsive-waterfall@1.0.8/dist/waterfall.min.js"></script>
```

### Usage
```
<ul id="container"></ul>

let list = [{ url: 'demo.png' }];
waterfall(list, 'container');
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

---
_Source: https://npm.io/package/js-responsive-waterfall · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._