Fullscreen bar

    The Fullscreen bar is a header component that should be presented at the top of an app when it is in fullscreen mode. This is designed to ensure


    Down Arrow

    Use to provide structure for the top of an application while in fullscreen mode.

    a uniform placement for a button to exit that mode. The Fullscreen bar can be customized by adding children.

    Best practices

    The Fullscreen bar component should:

    • Be presented when an App is in fullscreen mode as a means of exiting that mode.
    • Fire an action to exit fullscreen mode.

    • To provide quick, at-a-glance feedback on the outcome of an action, use the toast component.
    • To indicate to merchants that a page is loading or an upload is processing, use the loading component.