Breakpoints

Breakpoints help you control your layout based on windows size.

Breakpoints

MudBlazor use our own implementation of the original specification from Material design.

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 HD and 4k 1920px > < 2560px

Extra Extra Large

xxl 4k+ and ultra-wide >= 2560px*
Components

There is several components that utilizes the breakpoint system and can normally be configured with a parameter.

Utilities

MudBlazor comes loaded with CSS utilities and are well documented under the feature section. Most of this CSS classes is also available with our breakpoints.

Copyright © 2020-2024 MudBlazor.

Powered by .NET 8.0.8

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