Using App

In this article, you will learn how to use the App component in some frequently used scenarios.

Using the Full Viewport

By default, App displays some space to the left and right of the browser's window reserved for scrollbars. This technique avoids app window resizing when a scrollbar is displayed or removed.

<App border="2px dotted red">
  <Text>The app's viewport has space reserved for scrollbars</Text>
</App>

If you do not want these spaces there, set the noScrollbarGutters property of App to true.

<App border="2px dotted red" noScrollbarGutters>
  <Text>The app's viewport fills the entire browser window</Text>
</App>