README
react-grid-layout-between
A draggable and resizable grid layout with responsive breakpoints , can between two or more Layouts, for React. Based on React-DnD.
Live Demo : http://demo.sunxinfei.com/
Install
npm install --save react-grid-layout-between
Usage
import React, { Component } from 'react'
import GridLayout from 'react-grid-layout-between'
import 'react-grid-layout-between/dist/index.css'
class Example extends Component {
render() {
return <GridLayout />
}
}
Features:
get
<reac-grid-layout-between />
componentDnD widgets between layouts
100% React
Draggable widgets
Configurable packing: horizontal, vertical
Bounds checking for dragging
Responsive breakpoints
Separate layouts per responsive breakpoint
Grid Items placed using CSS Transforms
Drag Custom Preview
Drag widgets colliseion by gravity center
Static widgets
Resizable widgets
Support touchable device Issue
bugs:
when 2x2 or 1x2 collosion bug for horizontal
License
MIT © SunXinFei