Installation
Usage
import NavbarSplit from "@/components/ruixen/navbar-split";
export default function MyNavbar() {
return <NavbarSplit />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
logo | React.ReactNode | Default logo | Custom logo element (centered) |
leftLinks | { label: string; href: string; active?: boolean }[] | Default links | Links on the left side |
rightLinks | { label: string; href: string; active?: boolean }[] | Default links | Links on the right side |
className | string | - | Additional CSS classes |
Features
- Centered logo design
- Split navigation layout
- Links on both sides
- Balanced visual layout
- Light and dark mode support