[THIS REPOSITORY WAS FORKED! Please visit https://www.npmjs.com/package/react-material-workspace-layout for the original 😊]

React Material Workspace Layout

This was hastily written, please PR with fixes :)

Installation and Usage

yarn add @dataunion/react-material-workspace-layout

import Workspace from "@dataunion/react-material-workspace-layout/Workspace" 
import SidebarBox from "@dataunion/react-material-workspace-layout/SidebarBox"

<Workspace
    allowFullscreen
    headerItems={[{ name: "Prev" }, { name: "Next" }, { name: "Save" }]}
    onClickHeaderItem={console.log}
    onClickIconSidebarItem={console.log}
    iconSidebarItems={[
      {
        name: "Play",
      },
      {
        name: "Pause",
      },
    ]}
    rightSidebarItems={[
      <SidebarBox icon={<FeaturedVideoIcon />} title="Region Selector">
        Hello world!
      </SidebarBox>,
    ]}
  >
    Hello World, this is the main content where an image or something might go!
  </Workspace>

Props

| Prop | Description | Example | Default | | ---- | ----------- | ------- | ------- | |allowFullscreen | Enables a full screen button | | false | | headerItems | | | | | onClickHeaderItem | | | | onClickIconSidebarItem | | | | iconSidebarItems | | | | rightSidebarItems | | |