API REFERENCE

Sidebar Trigger

Use this component when you want to avoid Fixed or Absolute InsetSidebar. Mostly, this component is used in Footer section in combination with Footer and Container.

Usage example

import styled from 'styled-components'
import Container from '@material-ui/core/Container';
import Layout, {
  Root,
  getFooter,
  getInsetAvoidingView
} from '@mui-treasury/layout';

const Footer = getFooter(styled);
const InsetAvoidingView = getInsetAvoidingView(styled);

cosnt scheme = Layout()

const App = () => {
  return (
    <Root scheme={scheme}>
      <Footer>
        <Container>
          <InsetAvoidingView>
            footer
          </InsetAvoidingView>
        </Container>
      </Footer>
    </Root>
  )
}

Props

all of props will pass to div

Styling

use className


Related components

  • InsetFooter is a combination of Footer, Container and InsetAvoidingView