1.103.2 • Published 6 years ago
@4geit/rct-reorderable-grid-list-component v1.103.2
@4geit/rct-reorderable-grid-list-component
reorderable grid list using react-dnd
Demo
A live storybook is available to see how the component looks like @ http://react-packages.ws3.4ge.it
Installation
- A recommended way to install @4geit/rct-reorderable-grid-list-component is through npm package manager using the following command:
npm i @4geit/rct-reorderable-grid-list-component --save
Or use yarn
using the following command:
yarn add @4geit/rct-reorderable-grid-list-component
- Depending on where you want to use the component you will need to import the class
RctReorderableGridListComponent
to your project JS file as follows:
import RctReorderableGridListComponent from '@4geit/rct-reorderable-grid-list-component'
For instance if you want to use this component in your App.js
component, you can use the RctReorderableGridListComponent component in the JSX code as follows:
import React from 'react'
// ...
import RctReorderableGridListComponent from '@4geit/rct-reorderable-grid-list-component'
// ...
const WrapReorderableItemComponent = props => (
<div>{ props.itemId }</div>
)
// ...
const App = () => (
<div className="App">
<RctReorderableGridListComponent
cols={ 3 }
handleSetPosition={ () => {} }
fetchData={ () => {} }
data={ [] }
itemComponent={ <WrapReorderableItemComponent/> }
/>
</div>
)
1.103.2
6 years ago
1.103.1
6 years ago
1.89.0
6 years ago
1.87.5
6 years ago
1.86.2
6 years ago
1.86.0
6 years ago
1.85.3
6 years ago
1.85.2
6 years ago
1.85.1
6 years ago
1.84.3
6 years ago
1.83.3
7 years ago
1.83.2
7 years ago
1.82.5
7 years ago
1.82.4
7 years ago
1.81.2
7 years ago
1.80.2
7 years ago
1.78.0
7 years ago
1.61.0
7 years ago
1.52.0
7 years ago
1.45.0
7 years ago
1.44.3
7 years ago
1.42.0
7 years ago