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.