Navbar

With custom styling on the BlueprintJS Core Navbar, a custom menu, and responsive item adjustment, the Misk Navbar component is a powerful header component.

It looks something like this:

<Navbar
  linkComponent={Link}
  links={[
    {
      name: "First Tab",
      slug: "first-tab",
      url_path_prefix: "/first-tab/",
      category: "Demo"
    },
    {
      name: "Second Tab",
      slug: "second-tab",
      url_path_prefix: "/second-tab/",
      category: "Demo"
    },
    {
      name: "Misk Web Repo",
      slug: "misk-web-repo",
      url_path_prefix: "https://github.com/cashapp/misk-web",
      category: "External Links"
    }
  ]}
  homeName={"Demo Navbar"}
/>

It has additional configuration options available in the docs.