How to use the @mui-treasury/layout.ConfigGenerator function in @mui-treasury/layout
To help you get started, we’ve selected a few @mui-treasury/layout examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
siriwatknp / mui-treasury / website / src / pages / layout / develop.js View on Github 
CollapseBtn,
CollapseIcon,
SecondaryCollapseBtn,
SecondaryCollapseIcon,
Footer,
Content,
InsetContainer,
ConfigGenerator,
} from '@mui-treasury/layout';
import Box from '@material-ui/core/Box';
import Container from '@material-ui/core/Container';
import Toolbar from '@material-ui/core/Toolbar';
import { ContentMockUp } from '@mui-treasury/mockup/layout';
const config = ConfigGenerator({ addOnsIncluded: true });
config.setPrimarySidebarToNonInset();
config.primarySidebar.setVariant('persistent');
config.primarySidebar.setCollapsible(true);
config.setSecondarySidebarToInset();
config.footer.setSecondaryInsetBehavior('none');
// config.primarySidebar.setVariant('persistent');
// config.primarySidebar.setCollapsible(true);
// config.primarySidebar.setCollapsedWidth(80);
// config.header.setPosition('fixed');
// config.header.setClipped(true);
// config.header.setSecondaryClipped(true);
// config.header.setPersistentBehavior('flexible');
// config.header.setSecondaryPersistentBehavior('flexible');
// config.content.setPersistentBehavior('flexible');
// config.content.setSecondaryPersistentBehavior('flexible');InsetSidebar,
Footer,
Content,
ConfigGenerator,
} from '@mui-treasury/layout';
import Container from '@material-ui/core/Container';
import CssBaseline from '@material-ui/core/CssBaseline';
import Toolbar from '@material-ui/core/Toolbar';
import {
ContentMockUp,
FooterMockUp,
HeaderMockUp,
NavContentMockUp,
} from '@mui-treasury/mockup/layout';
const config = ConfigGenerator();
config.setPrimarySidebarToInset();
config.debug({ addOnsIncluded: true });
const InsetSidebarDemo = () => {
return (
{({ headerStyles, containerStyles }) => (
<>
<header>
</header>HeaderMockUp,
ContentMockUp,
FooterMockUp,
} from '@mui-treasury/mockup/layout';
import { RoundIconSidebar } from '@mui-treasury/mockup/sidebars';
const useStyles = makeStyles(() => ({
header: {
backgroundColor: '#fff',
},
sidebar: {
backgroundColor: '#36338E',
},
}));
const config = ConfigGenerator();
config.primarySidebar
.setCollapsible(false)
.setVariant('persistent')
.setWidth(84);
config.header.unclipPrimary();
const ControlSidebarDemo = () => {
const styles = useStyles();
return (
{({ headerStyles, sidebarStyles, setOpened }) => (
<>
<header>
</header>
