Installation
Usage
import NavbarIconLinks from "@/components/ruixen/navbar-icon-links";
export default function MyNavbar() {
return <NavbarIconLinks />;
}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 |
socials | { icon: ElementType; href: string; label: string }[] | Default icons | Social media icon links |
actions | React.ReactNode | Default buttons | Custom action buttons |
className | string | - | Additional CSS classes |
Features
- Social media icon links
- GitHub, Twitter, LinkedIn icons
- Clean icon button design
- Hover effects on icons
- Light and dark mode support