← Components

Navigation

Nav items and sidebar building blocks with route-aware active states.

IconNavItemLeft-sidebar nav link: an icon slot plus a collapsible bold label. Resolves its active state from the current route (matching basePath) and draws a grape underline when active.
NavJumpPillsAnchor-pill jump nav for long stacked pages — one pill per section; click smooth-scrolls to it, and a built-in window scroll-spy highlights the pill for the section currently under the bar.
NavVerticalVertical nav section: an optional hairline-underlined title above a slot of NavVerticalItem links. Used to group page-level sidebar links.
NavVerticalItemSingle vertical-nav link. Renders a <nuxt-link> (to), an external <a> (href), or plain slotted content, with a prop-driven active state and small/medium size variants.
NavVerticalSubmenuA NavVertical row that owns child rows: a parent NavVerticalItem (link, or a toggle button with no to/href) above a hairline-railed list of children in the sub treatment — italic, tighter rows, weight, size and row gap set by subWeight / subSize / subGap (med 13, 1px by default). The list opens whenever the current path is under `match` (defaults to `to`).
UxBackLinkStandard "← Back to X" link for the top of detail pages.
UxCardLinkWhite card that acts as a link — border shifts to grape on hover. Renders a static card when no route is given.
UxPageTitleUnderlined page-title bar with optional breadcrumb trail, back link, right-aligned actions, and "chin" slots below the rule. In a sticky band run with `title` (c106) it joins on its own: it pins beside the filter as a sticky box frozen at its rest height and restyles inside it — 15px with its hairline faded out, back link / #right / #far-right / #chin stepping aside — then settles back in place on unpin. It drives the band's scroll mode.
IconNavItem
NavJumpPills
NavVertical
NavVerticalItem
NavVerticalSubmenu
UxBackLink
UxCardLink
UxPageTitle

Qpoint Brand Style Guide