Function: AppNavBar()

AppNavBar(__namedParameters): Element

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

AppNavBar — headless, framework-agnostic sticky navigation bar.

Ships with no icon library dependency. Styling relies on Tailwind classes defined in @cfxdevkit/theme. All non-trivial content (logo, icons, wallet widget) is passed via props so consumers remain fully in control.

Parameters

__namedParameters

AppNavBarProps

Returns

Element

Example


import { Zap, Activity } from 'lucide-react';
import { AppNavBar } from '@cfxdevkit/react/components';
import { WalletConnect } from '@cfxdevkit/wallet-connect';
 
<AppNavBar
  logo={<span className="font-bold text-white">My App</span>}
  links={[{ href: '/status', label: 'Status', icon: <Activity className="h-4 w-4" /> }]}
  walletSlot={<WalletConnect />}
/>