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

Breakpoints

Breakpoints help you control your layout based upon windows size.

Material Design Breakpoints
Device Code Type Range

Extra small

xs Small to large phone < 600px

Small

sm Small to medium tablet 600px > < 960px

Medium

md Large tablet to laptop 960px > < 1280px

Large

lg Desktop 1280px > < 1920px

Extra Large

xl 4k and ultra-wide > 1920px*

MudGrid

Utilizes the screen resolution and a 12 point grid system for its layout. With the 5 breakpoints you can specify the layout order on different window sizes.

Read more about MudBlazor's Grid component here, you will also find different examples and how to use cases.

MudHidden

Instead of layout order you can determine what should be rendered or not depending on the window size and applied breakpoint.

Read more about MudBlazor's Hidden component here.

An error has occurred. This application may no longer respond until reloaded. Reload 🗙