Container
Custom container decraration is inside src/components/Container.js
import React from 'react';
import PropTypes from 'prop-types';
import Box from '@mui/material/Box';
const Container = ({ children, ...rest }) => (
<Box
maxWidth={{ sm: 720, md: 1236 }}
width={1}
margin={'0 auto'}
paddingX={2}
paddingY={{ xs: 4, sm: 6, md: 8 }}
{...rest}
>
{children}
</Box>
);
Container.propTypes = {
children: PropTypes.node.isRequired,
};
export default Container;Example of the Container component
The custom container is an alternative of MUI Container Component. You are free to replace the Container which is coming with the theme with MUI Container
This is custom Container with custom width and padding.
© theFront. 2021, Maccarian. All rights reserved
When you visit or interact with our sites, services or tools, we or our authorised service providers may use cookies for storing information to help provide you with a better, faster and safer experience and for marketing purposes.