Mudblazor

Community Support

Discord

Gitter

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective


Switch to Blazor wasm
Toggle light/dark theme
GitHub repository
Toggle right-to-left/left-to-right

Community Support

Discord

Gitter

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective

MudDrawer

API documentation.

Check out the Examples for this component.

Properties

Name Type Default Description
Fixed Boolean True If true, drawer position will be fixed. (CSS position: fixed;)
Elevation Int32 1 The higher the number, the heavier the drop-shadow. 0 for no shadow.
Anchor Anchor Anchor.Left Side from which the drawer will appear.
Color Color Color.Default The color of the component. It supports the theme colors.
Variant DrawerVariant DrawerVariant.Responsive Variant of the drawer. It specifies how the drawer will be displayed.
ChildContent RenderFragment null Child content of component.
DisableOverlay Boolean False Show overlay for responsive and temporary drawers.
PreserveOpenState Boolean False Preserve open state for responsive drawer when window resized above .
Breakpoint Breakpoint Breakpoint.Md Switching point for responsive drawers
Open Boolean False Sets the opened state on the drawer. Can be used with two-way binding to close itself on navigation.
OpenChanged EventCallback<Boolean>
Width String null Width of left/right drawer. Only for non-fixed drawers.
Height String null Height of top/bottom temporary drawer
ClipMode DrawerClipMode DrawerClipMode.Never Specify how the drawer should behave inside a MudLayout. It affects the position relative to MudAppbar
Class String null User class names, separated by space
Style String null User styles, applied on top of the component's own classes and styles
Tag Object null Use Tag to attach any user data object to the component for your convenience.
UserAttributes Dictionary<String, Object> UserAttributes carries all attributes you add to the component that don't match any of its parameters. They will be splatted onto the underlying HTML tag.
An error has occurred. This application may no longer respond until reloaded. Reload 🗙