Skip to content

UniversalDataTool/react-material-workspace-layout

Repository files navigation

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 Example Default
allowFullscreen Enables a full screen button false
headerItems
onClickHeaderItem
onClickIconSidebarItem
iconSidebarItems
rightSidebarItems

About

A Material UI workspace layout for React

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •