Variable DrawerConst

Type Declaration

• • (props: DrawerPropsExtend): Element

  • Material-UI Drawer component with collapsible toggle functionality.

    Wraps Material-UI's Drawer to provide a slide-out side panel with built-in toggle button for opening/closing. Supports status prop for controlled state. Default variant is temporary (slides over content). All Material-UI Drawer props are supported and passed through directly.

    Parameters

    • props: DrawerPropsExtend

      Drawer configuration (see DrawerPropsExtend interface)

    Returns Element

    Drawer component with toggle button and theme-aware styling

    Example

    // Basic usage
    <Drawer>
      <List>
        <ListItem>Content</ListItem>
      </List>
    </Drawer>
    
    // With controlled state
    <Drawer
      status={isOpen}
      variant="permanent"
    >
      <List>
        <ListItem>Drawer content</ListItem>
      </List>
    </Drawer>
    
    // With custom styling
    <Drawer
      className="custom-drawer"
      style={{ width: 240 }}
    >
      <div>Drawer content</div>
    </Drawer>
    Copy

    See

    https://mui.com/material-ui/react-drawer/