Package Exports

react-material-workspace-layout/SidebarBox
react-material-workspace-layout/SidebarBox/index.js
react-material-workspace-layout/Workspace
react-material-workspace-layout/Workspace/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-material-workspace-layout) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Material Workspace Layout

This was hastily written, please PR with fixes :)

Installation and Usage

yarn add react-material-workspace-layout

import Workspace from "react-material-workspace-layout/Workspace" 
import SidebarBox from "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	Default
`allowFullscreen`	Enables a full screen button	`false`
`headerItems`
`onClickHeaderItem`
`onClickIconSidebarItem`
`iconSidebarItems`
`rightSidebarItems`