# 🐙 @column-resizer/core

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/Runjuu/column-resizer/blob/main/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](#contributing) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier)

A library for multi-column(row) resizing. Works in every modern browser [which](https://caniuse.com/#feat=flexbox) supports [flexible box layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout).

- Support both mouse and touch events
- Support server-side rendering
- Support RTL (right-to-left) layout (Contributed by [@mike-shtil-loop](https://github.com/mike-shtil-loop))
- 0 dependencies, packages size under 5 kB after min-zipping
- Easy to customize resize behavior

## 📚 Docs

- Check out [our documentation](https://column-resizer.runjuu.com/) for guides and a full API reference.
- Or see [our examples](https://github.com/runjuu/column-resizer/tree/main/docs/examples) for inspiration.

## 🪐 Ecosystem

The core library is framework-agnostic and can be used with any framework or [even without one](https://column-resizer.runjuu.com/core/quick-start). If you want to add support for your favorite framework, a pull request is welcomed!

| **Project**                                                      | **Status**                                                                                                                                                                                                                                                                                                                                                                                                                                                     | **Description**   |
| ---------------------------------------------------------------- |----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ----------------- |
| [@column-resizer/core](https://column-resizer.runjuu.com/core)   | [![](https://img.shields.io/npm/v/@column-resizer/core.svg?style=flat)](https://www.npmjs.com/package/@column-resizer/core) [![](https://img.shields.io/bundlephobia/minzip/@column-resizer/core?label=minzipped%20size&colorA=373737&colorB=0A70E9&style=flat)](https://bundlephobia.com/result?p=@column-resizer/core) [![Total downloads](https://img.shields.io/npm/dm/@column-resizer/core.svg)](https://www.npmjs.com/package/@column-resizer/core)      | Core library      |
| [@column-resizer/react](https://column-resizer.runjuu.com/react) | [![](https://img.shields.io/npm/v/@column-resizer/react.svg?style=flat)](https://www.npmjs.com/package/@column-resizer/react) [![](https://img.shields.io/bundlephobia/minzip/@column-resizer/react?label=minzipped%20size&colorA=373737&colorB=0A70E9&style=flat)](https://bundlephobia.com/result?p=@column-resizer/react) [![Total downloads](https://img.shields.io/npm/dm/@column-resizer/core.svg)](https://www.npmjs.com/package/@column-resizer/react) | React integration |