Function: Drawer()

Drawer(props): Element

The Drawer component is a sidebar with navigation items. It supports various features such as collapsible sections, custom toggles, and responsive design for mobile devices.

Parameters

Returns

Element

See

Storybook - Drawer (opens in a new tab)

Example

<Drawer
  items={[
    { id: 'item1', label: 'Item 1', onClick: () => console.log('Item 1 clicked') },
    { id: 'item2', label: 'Item 2', onClick: () => console.log('Item 2 clicked') },
  ]}
  currentId="item1"
  logo="logo.png"
/>

Defined in

packages/react-material-ui/src/components/Drawer/Drawer.tsx:83 (opens in a new tab)