Command Palette

Search for a command to run...

Docs
Navbar Minimal

Navbar Minimal

An ultra-minimal navbar with just logo, a few links, and a single CTA button.

Installation

Usage

import NavbarMinimal from "@/components/ruixen/navbar-minimal";
 
export default function MyNavbar() {
  return <NavbarMinimal />;
}

Props

PropTypeDefaultDescription
logoReact.ReactNodeDefault logoCustom logo element
links{ label: string; href: string; active?: boolean }[]Default linksNavigation links array
ctaReact.ReactNodeDefault buttonSingle call-to-action button
classNamestring-Additional CSS classes

Features

  • Ultra-minimal design
  • Essential elements only
  • Single CTA focus
  • Clean typography
  • Light and dark mode support