@vivaui/navbar

React Navbar component with raw CSS and Tailwind support.

Basic Usage

import React from "react";
import { Navbar } from "@vivaui/navbar";
import "@vivaui/navbar/dist/styles.css";

export default function App() {
  return (
    <Navbar
      brand={<span className="font-bold text-xl">MyApp</span>}
      items={[
        { label: "Home", href: "/" },
        { label: "About", href: "/about" },
        { label: "Contact", href: "/contact" },
      ]}
      rightSlot={
        <button className="bg-blue-500 text-white px-4 py-2 rounded">
          Login
        </button>
      }
      className="shadow-md"
    />
  );
}