af-react-grid
Resizable flexbox grid for React.
Usage example
Code example:
import "af-react-grid/dist/style.css";
import "af-react-grid/dist/resizer.style.css";
import { Container, Resizer } from "af-react-grid";
<Containter type="row">
<div>Child 1</div>
<Resizer />
<div>Child 2</div>
<Resizer>
<Containter type="row">
<div>Subchild 1</div>
<Resizer />
<div>Subchild 2</div>
</Container>
</Container>
Container props
type: ( "row" | "col" ),
className: ?string,
style: ?object,
children: ?node,
resizerChildren: ?node,
resizerClassName: ?string = "react-rsz-grid-default-resizer"
Resizer props
className: ?string,
style: ?object,
children: ?node
Resizers are also given data-resizer-index and data-resizer-type, so their styling could be customized easily.