react-split-it - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

dist/react-split-it.esm.js

		@@ -623,3 +623,3 @@ import PropTypes from 'prop-types';
		if (sizes.length !== numChildren) {
		setTimeout(this.recomputeSizes);
		this.recomputeSizes();
		}
		@@ -626,0 +626,0 @@ }

dist/react-split-it.umd.js

		@@ -631,3 +631,3 @@ (function (global, factory) {
		if (sizes.length !== numChildren) {
		setTimeout(this.recomputeSizes);
		this.recomputeSizes();
		}
		@@ -634,0 +634,0 @@ }

package.json

		{
		"name": "react-split-it",
		"description": "splitter for react",
		"version": "1.0.1",
		"version": "1.0.2",
		"main": "dist/react-split-it.umd.js",
		@@ -6,0 +6,0 @@ "module": "dist/react-split-it.esm.js",

README.md

		@@ -64,2 +64,43 @@ <img src="https://greggman.github.io/react-split-it/resources/logo192.png">

		Here is the minimal css you need to provide.
		<sub>(assuming you don't change the class names, see below)</sub>

		```css
		.split-horizontal {
		display: flex;
		width: 100%;
		height: 100%;
		}
		.split-vertical {
		display: flex;
		flex-direction: column;
		height: 100%;
		}

		.gutter {
		flex-shrink: 0;
		flex-grow: 0;
		background: gray;
		}
		.gutter-horizontal {
		cursor: col-resize;
		}
		.gutter-vertical {
		cursor: row-resize;
		}
		.gutter:hover {
		background: #8cF;
		}
		.gutter-dragging:hover {
		background: cyan;
		}

		.pane {
		flex-shrink: 1;
		flex-grow: 1;
		overflow: hidden;
		position: relative;
		}
		```

		## How it works
		@@ -66,0 +107,0 @@

src/split.js

		@@ -254,3 +254,3 @@ import PropTypes from 'prop-types';
		if (sizes.length !== numChildren) {
		setTimeout(this.recomputeSizes);
		this.recomputeSizes();
		}
		@@ -257,0 +257,0 @@ }

New alerts