Merge branch 'master' of https://github.com/tannerlinsley/react-virtual

Author: tannerlinsley

README.md

@@ -22,7 +22,7 @@ Hooks for virtualizing scrollable elements in React
   <img alt="" src="https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow" />
 </a>
 
-Enjoy this library? Try them all! [React Table](https://github.com/tannerlinsley/react-table), [React Virtual](https://github.com/tannerlinsley/react-query), [React Form](https://github.com/tannerlinsley/react-form),
+Enjoy this library? Try them all! [React Table](https://github.com/tannerlinsley/react-table), [React Query](https://github.com/tannerlinsley/react-query), [React Form](https://github.com/tannerlinsley/react-form),
 [React Charts](https://github.com/tannerlinsley/react-charts)
 
 ## Quick Features

examples/sandbox/src/Dynamic.js

@@ -43,8 +43,8 @@ function RowVirtualizerDynamic({ rows }) {
         ref={parentRef}
         className="List"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `200px`,
+          width: `400px`,
           overflow: "auto"
         }}
       >
@@ -95,8 +95,8 @@ function ColumnVirtualizerDynamic({ columns }) {
         ref={parentRef}
         className="List"
         style={{
-          width: `300px`,
-          height: `75px`,
+          width: `400px`,
+          height: `100px`,
           overflow: "auto"
         }}
       >
@@ -156,8 +156,8 @@ function GridVirtualizerDynamic({ rows, columns }) {
         ref={parentRef}
         className="Grid"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `400px`,
+          width: `500px`,
           overflow: "auto"
         }}
       >

examples/sandbox/src/Fixed.js

@@ -35,8 +35,8 @@ function RowVirtualizerFixed() {
         ref={parentRef}
         className="List"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `200px`,
+          width: `400px`,
           overflow: "auto"
         }}
       >
@@ -86,8 +86,8 @@ function ColumnVirtualizerFixed() {
         ref={parentRef}
         className="List"
         style={{
-          width: `300px`,
-          height: `75px`,
+          width: `400px`,
+          height: `100px`,
           overflow: "auto"
         }}
       >
@@ -146,8 +146,8 @@ function GridVirtualizerFixed() {
         ref={parentRef}
         className="Grid"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `500px`,
+          width: `500px`,
           overflow: "auto"
         }}
       >

examples/sandbox/src/Variable.js

@@ -43,8 +43,8 @@ function RowVirtualizerVariable({ rows }) {
         ref={parentRef}
         className="List"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `200px`,
+          width: `400px`,
           overflow: "auto"
         }}
       >
@@ -94,8 +94,8 @@ function ColumnVirtualizerVariable({ columns }) {
         ref={parentRef}
         className="List"
         style={{
-          width: `300px`,
-          height: `75px`,
+          width: `400px`,
+          height: `100px`,
           overflow: "auto"
         }}
       >
@@ -154,8 +154,8 @@ function GridVirtualizerVariable({ rows, columns }) {
         ref={parentRef}
         className="Grid"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `400px`,
+          width: `500px`,
           overflow: "auto"
         }}
       >

examples/sandbox/src/styles.css

@@ -1,6 +1,6 @@
 html {
   font-family: sans-serif;
-  font-size: 12px;
+  font-size: 14px;
 }
 
 .List {