@cfxdevkit/react

@cfxdevkit/react / AppNavBarProps

Interface: AppNavBarProps

Defined in: components/nav/AppNavBar.tsx:38

Properties

linkComponent()?

optional linkComponent: (props) => Element

Defined in: components/nav/AppNavBar.tsx:63

Custom anchor renderer — defaults to a plain <a> tag. Override with Next.js <Link> for client-side navigation:

linkComponent={({ href, children, className }) => (
  <Link href={href} className={className}>{children}</Link>
)}

Parameters

props

children

ReactNode

className?

string

href

string

Returns

Element

links?

optional links: NavLink[]

Defined in: components/nav/AppNavBar.tsx:48

Navigation links rendered in the centre. Links with adminOnly: true are filtered out automatically.

logo?

optional logo: ReactNode

Defined in: components/nav/AppNavBar.tsx:43

Brand logo / wordmark rendered on the left. Pass null or omit to render nothing.

walletSlot?

optional walletSlot: ReactNode

Defined in: components/nav/AppNavBar.tsx:53

Wallet widget rendered on the right (e.g. <WalletConnect /> from @cfxdevkit/wallet-connect).