1.0.10 • Published 3 years ago
@dataunion/react-material-workspace-layout v1.0.10
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 |