Mui Persistent Drawer

Arguments

| title | type | default | description | |--------------|----------|-------------|---------------------------------------| | openTitle | string | undefined | a title when drawer is need to opened | | closeTitle | string | undefined | a title when drawer is need to closed | | width | number | undefined | to define width to drawer |

Optional Arguments

| title | type | default | description | |---------------------|---------------|-------------|----------------------------------------| | scroll | boolean | false | to have scroll in drawer | | right | number | undefined | to move drawer to left | | top | number | undefined | to move drawer to bottom | | onOpenChange | function | undefined | recognize when the drawer state change | | toggleButtonProps | ButtonProps | undefined | change the toggle button style |

Changelog

Version: 1.0.9

• The direction issues were resolved and completely supported ltr as well as rtl direction.

Version: 1.0.5

• The right property was added to a component to adapt that with another component on the right side of the main layout.
• The problem of is taken away button on page while parent own any position was resolved.
• The top property was added to a component.

version: 1.0.6

• The package name is renamed from mui-persistent-drawer to mui-persistent-drawer and corrected in the project.

version 1.0.8

• The documentation is rewrite in the case of separation the optional and required arguments.
• Add the ability to customizing title of the toggle button when it is opened or closed.

Usage

import MuiPersistentDrawer from '@parsimap/mui-persistent-drawer';

const App = () => {
  function handleOpenChange(state: boolean) {
    if (state) {
      // Drawer is opend 
    }
  }

  return (
    <MuiPersistentDrawer
      width={400}
      openTitle={"Close Details"}
      closeTitle={"Open Details"}
      onOpenChange={handleOpenChange}
    />
  )
}

export default App;