### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.
### open
- type: boolean
- description: Specifies whether the drawer is open. When `false`, the drawer content isn't rendered in the DOM.
### children
- type: ReactNode
- description: Accepts any content to render inside the drawer.
### resizable
- type: boolean
- description: Displays the drag handle and enables expand and collapse functionality. When enabled, the drawer can also be dragged directly by its content via touch or pen, following the same snap-point and scroll rules as the handle. Mouse drags on the content are left free to select text.
- default: true
### snapPoints
- type: (string | number)[]
- description: Sets the heights the drawer snaps to when dragged. A number up to 1 is a fraction of the content height, and a larger number or a string such as `'300px'` is a height in pixels. The drawer opens at the first snap point.
- default: [1]
### dismissible
- type: boolean
- description: Specifies whether the drawer can be dismissed by clicking outside of it, pressing Esc or dragging it below its lowest snap point.
- default: true
### backdrop
- type: boolean
- description: Specifies whether the backdrop overlay is colored. When `false`, the overlay is still present and blocks clicks on the content behind it, but it's invisible.
- default: true
### renderBackdrop
- type: boolean
- description: Specifies whether the backdrop overlay is rendered at all. When `false`, the overlay element isn't rendered in the DOM.
- default: true
### margin
- type: boolean
- description: Specifies whether the drawer content box has a margin from the screen edges and rounded bottom corners.
- default: true
### onClose
- type: (open: boolean, reason: DrawerCloseReason) => void
- description: Defines a callback function which is called when the user dismisses the drawer. `reason` is `'outside-press'` when the overlay is clicked, `'escape-key'` when the Esc key is pressed, `'drag'` when the drawer is dragged below its lowest snap point and `'focus-out'` when focus leaves a non-modal drawer. It's called only when `dismissible` is `true`.
### ariaLabelledBy
- type: string
- description: Sets the `aria-labelledby` attribute on the drawer content.
### role
- type: "article" | "button" | "dialog" | "figure" | "form" | "img" | "link" | "main" | "menu" | "menuitem" | "option" | "search" | "table" | "switch" | "status" | "scrollbar" | "checkbox" | "none" | "list" | string & {} | "alert" | "alertdialog" | "application" | "banner" | "cell" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "grid" | "gridcell" | "group" | "heading" | "listbox" | "listitem" | "log" | "marquee" | "math" | "menubar" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "searchbox" | "separator" | "slider" | "spinbutton" | "tab" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem"
- description: Sets the WAI-ARIA role of the drawer content.
- default: 'dialog'
### zIndex
- type: string & {} | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | number & {}
- description: Sets the z-index of the drawer and its overlay.
- default: 1000
### scrollable
- type: boolean
- description: Whether the drawer content should be wrapped in a scrollable container, by default it is true. If false, the drawer content is rendered as is, without any scrollable container.
- default: true
### repositionInputs
- type: boolean
- description: When true, repositions the drawer upward when the on-screen keyboard appears on mobile, keeping inputs visible. When false, falls back to default browser scroll behavior.
- default: true
### modal
- type: boolean
- description: When false, the drawer behaves as a non-modal dialog: focus isn't trapped, and content outside the drawer remains interactive. Set to true to trap focus and block outside interaction.
- default: true
### anchor
- type: "end" | "start" | "top" | "bottom"
- description: Controls the screen edge the drawer is anchored to and slides in from. `start` and `end` follow the reading direction, so `start` is the left edge in LTR and the right edge in RTL. Snap points, dragging and dismissing follow the same axis.
- default: 'bottom'