AppHeader

import { AppHeader } from '@hanzo/ui/product'

No examples yet.

Types

export type AppHeaderProps = {
/** Brand slot — defaults to the animated `<BrandMark/>`. */
brand?: ReactNode
/** White-label wordmark for the default brand mark. */
wordmark?: string
/** Brand press (usually "go home"). */
onBrand?: () => void
/** Org/project slot — usually `<OrgSwitcher/>` (+ a project switcher). */
org?: ReactNode
/** Free slot between the org slot and the right cluster. */
children?: ReactNode
/** The surface this header renders on — omitted from the switcher (no self-link). */
current?: SurfaceId
/** App-switcher surfaces; defaults to every surface but `current`. [] hides it. */
surfaces?: Surface[]
/** Open a surface — default `window.open` (new tab). */
open?: (surface: Surface) => void
/** Identity-menu trigger label (the signed-in user's name/email). */
user?: string
/** Replace the whole identity menu content. */
menu?: ReactNode
/** Theme row content — default `<ThemeToggle/>`; null hides the row. */
theme?: ReactNode
onProfile?: () => void
onTeam?: () => void
onBilling?: () => void
onSignOut?: () => void
}

Exports

AppHeadertype AppHeaderProps