Fusion UI

Overview

MenuBarView was the top navigation bar before the MainNavView. It is deprecated; use MainNavView for new applications and migrate existing ones.

<MenuBarView
  extraContent={
    <>
      <CommandMenuTrigger />
      <AccountMenu name="John Doe" email="john@example.com" accountActions={actions} />
    </>
  }
  logo={<Logo />}
  menuItems={
    <>
      {menu.map((item, index) => (
        <MenuBarMenuItem key={index} menuItem={item} />
      ))}
    </>
  }>
  {children}
</MenuBarView>

Menu Bar (deprecated)

Overview