Navigation

Components that move users between pages or views: breadcrumbs, tabs, top bar, footer, workspace sidebar, user anchor, and the load-more / view-toggle controls used on results pages.

Tabs

DaisyUI's tabs tabs-box primitive — a small group of mutually-exclusive views or sections within one page. CollectionTabs in the workspace (Specimens / Imports / Settings) is a usage of this pattern bound to a collection's route segments.

<div class='tabs tabs-box'> DaisyUI tabs — typical workspace use

TopBar

Top bar across all geoda layouts. mode="public" carries the public site navigation; mode="workspace" carries the institution identity and workspace navigation. One component, layout-driven configuration.

In workspace mode the bar carries a compound logotype: geoda | SLUG. The geoda half links to the public portal home; the slug half links to the institution's workspace dashboard. The slug is the institutionID uppercased, rendered in text-base-content. Dashboard-active state underlines the slug half. There is no separate "Dashboard" nav item.

<TopBar mode="workspace" /> workspace mode — Dashboard active (slug underlined)
<TopBar mode="workspace" /> workspace mode — Collections active
<TopBar mode="workspace" /> workspace mode — Members active

Below lg (1024px) the horizontal nav collapses into a hamburger toggle. The institution tile + name, lang switcher, and user anchor stay visible in the bar; only the nav items move into the collapse panel below. Narrow your browser window to see this.

UserAnchor

User identity in the top bar — anonymous / logged-in (closed) / in-workspace. Dot semantics: filled dot = current workspace; hollow dot = available but not entered.

<UserAnchor /> anonymous
<UserAnchor /> logged in, closed
<UserAnchor /> in workspace — filled dot in dropdown

LoadMore

Explicit pagination link at the bottom of every results page. Never infinite scroll — curators (and search engines) need a stable URL for each page.

Load 30 more → Showing 60 of 12 845 specimens
<LoadMore /> bordered (default)

ViewToggle

Gallery / List / Map switcher on the discover surface. All three tabs are real links — the current view is marked aria-current="page".

<ViewToggle /> gallery active