blazor-devexpress-dot-blazor-dot-dxdrawer-dot-underscore-properties.md
A side panel that supports minimized layout and expand/collapse operations.
| Name | Description |
|---|---|
| ApplyBackgroundShading | Specifies whether to shade the target content area when the drawer panel appears (for the Overlap mode only). |
| Attributes | Specifies a collection of standard HTML attributes applied to the Drawer. |
| BodyTemplate | Specifies a template for the drawer panel’s body. |
| ClosedCssClass | Assigns a CSS class to the Drawer component when the panel is closed. |
| CloseOnEscape | Specifies whether the drawer panel should be closed when a user presses Escape. |
| CloseOnTargetContentClick | Specifies whether the drawer panel should be closed when a user clicks the target content area (for Overlap mode only). |
| CssClass | Assigns a CSS class to the DxDrawer component. |
| FooterTemplate | Specifies a template for the drawer panel’s footer. |
| HeaderTemplate | Specifies a template for the drawer panel’s header. |
| Id | Specifies the component’s unique identifier. |
| IsOpen | Specifies whether the drawer panel is open. |
| MiniCssClass | Assigns a CSS class to the Drawer component when the panel is minimized. |
| MiniModeEnabled | Specifies whether a minimized panel is displayed when the drawer panel is closed (for the Shrink mode only). |
| MiniPanelWidth | Specifies the width of the minimized drawer panel. |
| Mode | Specifies how the drawer panel interacts with the target content area. |
| OpenCssClass | Assigns a CSS class to the Drawer component when the panel is open. |
| PanelWidth | Specifies the width of the drawer panel. |
| Position | Specifies where the drawer panel is displayed – to the left or right of the target content. |
| SizeMode | Specifies the size of the component and its content. |
| TargetContent | Specifies the drawer’s target content. |
| ZIndex | Specifies the drawer panel’s z-index (for the Overlap mode only). |
See Also