NavigationDrawerModal
Imports
import {NavigationDrawerModal} from 'material-expressive-react';
import {NavigationDrawerModal} from 'material-expressive-react/navigation';
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| defaultOpened | boolean | No | ||
| defaultValue | string | No | ||
| header | ReactNode | No | ||
| onChanged | ((event: CustomEvent<{ opened: boolean; }>) => void) | No | ||
| onValueChange | ((value: string) => void) | No | ||
| onValueReselect | ((value: string) => void) | No | ||
| opened | boolean | No | Controls visibility for modal/animated drawers. | |
| pivot | enum | No | ||
| value | string | No | Selection value used by child NavigationDrawerItem. |
Events
This component does not explicitly re-emit DOM events via wrapper props.
Slots
Material Web components frequently use named slots. In React, you can pass slot="..." on children (e.g. <Icon slot="icon" />).
If you need to slot a child component that does not accept a slot prop, use the Slotted utility (see Utilities → Slotted).
Examples
See Storybook for live examples and variants.