Documentation
Asgard
Getting started
Theming
Guides
Inputs & forms
Pickers
Data display
Layout & docking
Feedback & overlays
Navigation & chrome
Layout & docking
React to the viewport breakpoint.
MediaQueryProvider tracks the viewport and exposes the active breakpoint (xs, sm, md, lg, xl) through useMediaQuery(), so components can adapt their layout responsively without writing media queries by hand.
Resize the window and watch the active breakpoint update below.
Loading preview…
When to use it
- Responsive layout switches
- Conditional rendering by breakpoint
- Adaptive component density
Presets