Progress Telerik UI for Blazor

Blazor MediaQuery

  • The Blazor MediaQuery component lets you detect the initial values and track changes of device characteristics to easily build responsive components and layout.
  • This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing library, rich docs & demos to help you get started in no time.
Telerik UI for Blazor Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The MediaQuery component is not a typical control that displays content on screen. Its goal is to detect the initial values and track changes of device characteristics to easily build responsive components and layout. For example, you might want to hide a specific Grid column if the screen’s width gets too small. Or change the menu to one saving screen real estate if the device is in portrait mode. 

    Check out the Blazor MediaQuery demo
    Telerik UI for Blazor MediaQuery
  • Responsiveness and Adaptive Blazor Layout

    Using the Blazor MediaQuery, you can change the component settings, render different components or prevent components from rendering at all depending on the browser viewport size. This allows you to make your Blazor application design much more adaptive and responsive.  

    To showcase the power of the Blazor MediaQuery component, we have built several demos to demonstrate how you can easily make Blazor components and apps responsive to different screen sizes: 

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.