Purchase now
Getting Started
Support & Change Log
Browse pages
Purchase now


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 }) => (
    maxWidth={{ sm: 720, md: 1236 }}
    margin={'0 auto'}
    paddingY={{ xs: 4, sm: 6, md: 8 }}

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.

Purchase now
© 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.