1.0.10 • Published 2 years ago

workspace-rohit v1.0.10

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

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

PropDescriptionExampleDefault
allowFullscreenEnables a full screen buttonfalse
headerItems
onClickHeaderItem
onClickIconSidebarItem
iconSidebarItems
rightSidebarItems