1.0.10 • Published 3 years ago

react-material-workspace-layout v1.0.10

Weekly downloads
979
License
-
Repository
github
Last release
3 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
1.0.10

3 years ago

1.0.9

4 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago

0.2.0

5 years ago

0.1.17

5 years ago

0.1.15

5 years ago

0.1.16

5 years ago

0.1.14

5 years ago

0.1.13

5 years ago

0.1.12

5 years ago

0.1.11

5 years ago

0.1.10

5 years ago

0.1.9

5 years ago

0.1.8

5 years ago

0.1.7

5 years ago

0.1.2

5 years ago

0.1.4

5 years ago

0.1.3

5 years ago

0.1.6

5 years ago

0.1.5

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago