4.0.0 • Published 1 year ago
ns_workflow_workspace v4.0.0
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 |
3.0.12
1 year ago
3.0.13
1 year ago
3.0.10
1 year ago
3.0.16
1 year ago
3.0.8
1 year ago
3.0.17
1 year ago
3.0.14
1 year ago
3.0.6
1 year ago
3.0.15
1 year ago
4.0.0
1 year ago
3.0.20
1 year ago
3.0.18
1 year ago
3.0.9
1 year ago
2.0.0
2 years ago
3.0.3
1 year ago
3.0.2
1 year ago
3.0.1
1 year ago
3.0.5
1 year ago
3.0.0
1 year ago
2.0.13
2 years ago
2.0.14
2 years ago
2.0.3
2 years ago
2.0.2
2 years ago
2.0.5
2 years ago
2.0.4
2 years ago
2.0.11
2 years ago
2.0.7
2 years ago
2.0.12
2 years ago
2.0.9
2 years ago
2.0.10
2 years ago
2.0.8
2 years ago
2.0.1
2 years ago
1.0.29
2 years ago
1.0.28
2 years ago
1.0.32
2 years ago
1.0.31
2 years ago
1.0.30
2 years ago
1.0.27
2 years ago
1.0.26
2 years ago
1.0.25
2 years ago
1.0.24
2 years ago
1.0.23
2 years ago
1.0.22
2 years ago
1.0.21
2 years ago
1.0.20
2 years ago
1.0.19
2 years ago
1.0.18
2 years ago
1.0.17
2 years ago
1.0.16
2 years ago
1.0.15
2 years ago
1.0.14
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.0.10
2 years ago