Topbar

• Set a value for id to be used with Sidebar skip link functionality. The ID must be a unique string not used elsewhere in the application.

A Topbar is sticky to the top of the screen and consists of application-wide controls including:

Account-specific controls (aligned to the left) such as:

• Account Switcher
• Account type indicators, such as subaccount Badges
• Possible upgrade actions

User-specific controls (aligned to the right) such as:

• Search Input
• Support Button
• Product Switcher
• User Dialog

Each set of controls should be contained within a TopbarActions component, which comes with a justify property. You can justify these controls to either the start or the end of the Topbar.