mui-grid-layout
v1.1.0
Published
A lightweight and customizable grid layout component for React, inspired by Material-UI's Grid system.
Downloads
55
Maintainers
Readme
Installation
npm install mui-grid-layout
Usage
Import the MuiGridLayout component in your React application and use it to create flexible grid layouts.
import React from 'react';
import MuiGridLayout from 'mui-grid-layout';
const YourComponent = () => {
return (
<MuiGridLayout container spacing={2}>
<MuiGridLayout item xs={12} sm={6} md={4}>
{/* Your content goes here */}
</MuiGridLayout>
<MuiGridLayout item xs={12} sm={6} md={4}>
{/* Your content goes here */}
</MuiGridLayout>
<MuiGridLayout item xs={12} sm={6} md={4}>
{/* Your content goes here */}
</MuiGridLayout>
</MuiGridLayout>
);
};
export default YourComponent;