1.0.10 • Published 2 years ago
react-material-workspace-layout v1.0.10
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 |
1.0.10
2 years ago
1.0.9
3 years ago
1.0.8
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.4
3 years ago
1.0.3
3 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago
0.2.0
4 years ago
0.1.17
4 years ago
0.1.15
4 years ago
0.1.16
4 years ago
0.1.14
4 years ago
0.1.13
4 years ago
0.1.12
4 years ago
0.1.11
4 years ago
0.1.10
4 years ago
0.1.9
4 years ago
0.1.8
4 years ago
0.1.7
4 years ago
0.1.2
4 years ago
0.1.4
4 years ago
0.1.3
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago