Vertical navigation

Simple vertical nav list; lighter alternative to `Sidebar` for in-page settings menus.

Preview

React preview

LiveView (HEEx)

alias DesignSystem.UI.VerticalNavigation

<VerticalNavigation.vertical_nav items={[
  %{label: "Account", href: "/settings", active: true},
  %{label: "Password", href: "/settings/password"}
]} />

React (JSX)

import { VerticalNavigation } from "../ui/index.mjs"

<VerticalNavigation items={[{ label: "Account", href: "/", active: true }]} />