modern-grid-system
v1.0.8
Published
Modern Grid System This is flex-grid system for using optimized way to render any list or creating page with custom grid.
Downloads
40
Maintainers
Readme
Modern Grid System This is flex-grid system for using optimized way to render any list or creating page with custom grid.
Installation
npm install --save modern-grid-system
Usage/Examples
import { Grid } from "modern-grid-system";
function App() {
return (
<Grid
divideBy={[65, 35]}
elements={[<CartList />, <CartCheckoutCard />]}
gutterSpace={4}
/>
);
}
Output
Props
- divideBy: array of number
- elements: array of elements
- gutterSpace: number
Usage
- divideBy: Used to specify how grid should be divided with respect to 100% width. It will render elements in given percentage width
- elements: array of elements for rendering elements based on division
- gutterSpace: Space between elements