Factory for Good

Top Nav Unauth

Unauthenticated FFG header with primary nav links and sign-in CTAs instead of the avatar dropdown.

Factory for Good
Log inGet started

Installation

pnpm dlx shadcn@latest add @ffg/top-nav-unauth

Usage

"use client"
import { TopNavUnauth } from "@/components/ui/top-nav-unauth"

<TopNavUnauth
  links={[
    { label: "Dashboard",     href: "/dashboard-unauth" },
    { label: "Organizations", href: "/organizations-unauth" },
  ]}
  loginHref="/login"
  signupHref="/signup"
  onNavigate={(href) => router.push(href)}
/>

Same router-decoupling pattern as TopNav. Accepts logoSlot, loginHref, signupHref, padded, and stuck. Imports NavLinks and NavMenu from @ffg/top-nav to keep the mobile hamburger behaviour consistent.

Top Nav

Authenticated FFG app header with primary nav links, notification bell, and an avatar dropdown. Router-decoupled via onNavigate prop.

Update Card

FFG-native update card — an image (or striped placeholder) with an organization overlay, title, copy and an impact-category tag.

On this page

InstallationUsage