New to KendoReact? Learn about KendoReact Free.

Responsive Design

Updated on Apr 27, 2026

In general, responsive layouts adjust and adapt to any device screen size, whether it is a desktop, tablet, or a mobile phone.

The following example demonstrates how the AppBar adjusts for different screen sizes by using CSS media queries. Resize the screen to observe the responsive layout.

Example
View Source
Loading ...
In this article
Suggested Links
Not finding the help you need?
Contact Support