Installation
Usage
import NavbarUserMenu from "@/components/ruixen/navbar-user-menu";
export default function MyNavbar() {
return <NavbarUserMenu />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
logo | React.ReactNode | Default logo | Custom logo element |
links | { label: string; href: string; active?: boolean }[] | Default links | Navigation links array |
user | { name: string; email: string; avatar?: string } | Default user | User information for dropdown |
className | string | - | Additional CSS classes |
Features
- User avatar with dropdown menu
- Notification bell icon
- Profile, settings, and logout options
- Clean dropdown design
- Light and dark mode support