The frame component, while not visible in the user interface itself, provides the structure for an application. It wraps the main elements and houses the primary navigation, top bar, toast, and contextual save bar components.
Use to present the frame structure and all of its elements.
The content to display inside the frame.
Accepts a global ribbon component that will be rendered fixed to the bottom of an application frame
Accepts a navigation component that will be rendered in the left sidebar of an application frame
A boolean property indicating whether the mobile navigation is currently visible
Accepts a ref to the html anchor element you wish to focus when clicking the skip to content link
Accepts a top bar component that will be rendered at the top-most portion of an application frame
() => void
A callback function to handle clicking the mobile navigation dismiss button
For the best experience when creating an application frame, use the following components: