An app state of main layout currently displayed. To get the mainLayout state:

const { mainLayout } =

Or, to connect with your React component:

import { connect } from "react-redux"

const connector = connect(
  ({ mainLayout }) => ({ mainLayout }),
  dispatch => ({ dispatch })

const MyComponent = connector(props => {
  // render

Data Structure

distractionFreeEnabled: boolean

true if distraction-free mode is enabled

sidebarVisible: boolean

true if side bar is visible

Can you help us improve these docs?

The source of these docs is here on GitHub. If you see a way these docs can be improved, please fork us!