<Navbar>

Image of the default Navbar component with app logo on the left and navigation links on the right

<Navbar> component renders a navigation bar placed at the top of the page. See the Navbar tutorial for more details.


<Navbar
  icon={<AppIcon src="/app_view/icon_placeholder.png" />}
  appName="App Name"
  links={[
    { label: "Features", href: "#features" },
    { label: "Release Notes", href: "/release-notes" },
    { label: "Contact", href: "mailto:[email protected]" },
  ]}
  action={<DownloadActionButton />}
/>

Properties

Property	Value	Description
`icon`	`<AppIcon>`	App icon rendered on the left side. See <AppIcon> component reference for more details.
`appName`	`string`	App name shown next to the icon.
`links`	`{ label: string; href: string; external?: boolean }[]`	Optional navigation links.
`action`	`Component`	`<DownloadActionButton>` or `<ActionButton>` components are a good candidates, but you can put any custom component here.