The Drawer component is a versatile UI element that slides in from the edge of the screen to reveal additional content or options without navigating away from the current page. It provides a space-efficient way to present temporary or contextual information, such as menus, settings, or notifications. Drawers enhance user experience by maintaining focus on the main content while offering quick access to supplementary features.
placement"bottom" | "left" | "right" | "top" | undefined = right
sizestring | undefined = lg
withBackdropBoolean | undefined = false
withCloseButtonBoolean | undefined = true
maxWidthnumber | `${number}px` | `${number}rem`
Max width of the drawer Number values are converted to pixels @example '300px', '50rem', 300