Drawer
A panel that slides in from a screen edge, built on Modal. It portals, dims the page with a backdrop, traps focus, locks body scroll, and closes on Escape (top modal only) or backdrop click - all inherited from Modal. The panel itself is a Paper, anchored to the chosen edge and animated with a per-anchor slide that respects prefers-reduced-motion. It renders on the theme.zOrder.drawer layer - above the app bar, below modals.
This is the temporary/overlay drawer only (no permanent docking). The first consumer is the mobile navigation menu.
Examples
Default
const args: Partial<DrawerProps> = { anchor: 'left', elevation: 16, hasBackdrop: true, transitionDuration: 225 }
<DrawerDemo {...args} />