Skip to content

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 a uniform placement for a button to exit that mode. The Fullscreen bar can be customized by adding children.

Slots

No slots found for this component, run `yarn gen:docs` to generate component meta first.

Events

FullscreenBar events

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 App Bridge Toast API component.
  • To indicate to merchants that a page is loading or an upload is processing, use the App Bridge Loading API component.

Released under the MIT License.