# eqheights

> Give all elements in a group of elements at least the height of the tallest element within that group

Latest version **1.2.0** (published 2015-11-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install eqheights
pnpm add eqheights
yarn add eqheights
bun add eqheights
```

## 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.2.0 |
| Published | 2015-11-19 |
| First published | 2015-09-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | Max GJ Panas |
| Maintainers | maximilianos |
| Keywords | element, elements, equal, equalize, heights, height |

## Links

- npm: https://www.npmjs.com/package/eqheights
- Repository: https://github.com/Maximilianos/eqheights
- Homepage: https://github.com/Maximilianos/eqheights#readme
- Issues: https://github.com/Maximilianos/eqheights/issues
- npm.io page: https://npm.io/package/eqheights

## Recent versions

- 1.2.0 (latest) — 2015-11-19
- 1.1.0 — 2015-11-09
- 1.0.4 — 2015-09-28
- 1.0.3 — 2015-09-23
- 1.0.2 — 2015-09-23
- 1.0.1 — 2015-09-23
- 1.0.0 — 2015-09-23

## README

# eqheights

Give all elements in a group of elements at least the height of the tallest element of the group.

## Install

Find [eqheights on npm](https://www.npmjs.com/package/eqheights)

```
npm i eqheights
```

## Usage Examples

Simplest, one off:

```javascript
import eqheights from 'eqheights';

// using a selector string
eqheights('.grid-items');

// or using a NodeList
const elements = document.querySelectorAll('.list-items');

eqheights(elements);
```

Responsive:

```javascript
import eqheights from 'eqheights';

const gridEqualizer = eqheights('.grid-items');
window.addEventListener('resize', gridEqualizer.recalc);
```

Togglable:

```javascript
import eqheights from 'eqheights';

// autorun = false because we
// want to initialize only,
// not run eqheights yet
const {recalc, clear} = eqheights('.grid-items', {autorun: false});

const container = document.getElementById('grid');
document
  .getElementById('toggle')
  .addEventListener('click', () => {
    Array.prototype.indexOf(container.classList, 'active') < 0
      ? recalc()
      : clear();

    container.classList.toggle('active');
  });
```

Togglable and Responsive:

See this codepen: http://codepen.io/Maximilianos/pen/OyBYvv?editors=001

## License

MIT © [Max GJ Panas](maxpanas.com)

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