API REFERENCE

Inset Footer

This component is a combination of Footer, Container and InsetAvoidingView without extra functionality.

Usage example

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

const InsetFooter = getInsetFooter(styled)
const InsetAvoidingView = getInsetAvoidingView(styled)

cosnt scheme = Layout()

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

Props

  • ContainerProps
    • type : object
    • description : props that pass to Container
  • InsetAvoidingViewProps
  • Other props will be passed to Footer

Styling

pass className inside ContainerProps or InsetAvoidingViewProps

<InsetFooter
  ContainerProps={{
    className: 'custom-container',
    // or use classes
  }}
  InsetAvoidingViewProps={{
    className: 'custom-view',
  }}
>
  footer
</InsetFooter>

Related components