API REFERENCE

Fullscreen

This component is a simple <div /> that has these style. Mostly, for AbsoluteInsetSidebar layout like messenger.

{
  height: "100vh",
  display: "flex",
  flexDirection: "column",
  overflow: "hidden",
}

Usage example

import styled from 'styled-components'
import Layout, { Root, getFullscreen } from '@mui-treasury/layout';

const Fullscreen = getFullscreen(styled)

cosnt scheme = Layout()

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

Props

any props will be sent to <div />

Styling

use className


Related components