Installation
Usage
import NavbarTabs from "@/components/ruixen/navbar-tabs";
export default function MyNavbar() {
return <NavbarTabs />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
logo | React.ReactNode | Default logo | Custom logo element |
links | { label: string; href: string; active?: boolean }[] | Default links | Primary navigation links |
tabs | { label: string; href: string; active?: boolean }[] | Default tabs | Secondary tab navigation |
actions | React.ReactNode | Default buttons | Custom action buttons |
className | string | - | Additional CSS classes |
Features
- Two-tier navigation structure
- Primary navigation with logo and actions
- Secondary tabbed navigation
- Active tab highlighting with underline
- Light and dark mode support