Toolbar

A responsive navigation bar with mobile menu support.

Usage

import { Toolbar } from "@/components/toolbar"

export default function MyPage() {
  return (
    <Toolbar 
      title="My Application" 
      links={[
        { label: "Dashboard", href: "/dashboard" },
        { label: "Products", href: "/products" },
        { label: "Customers", href: "/customers" },
        { label: "Reports", href: "/reports" },
      ]}
    />
  )
}

Props

Name
Type
Default
Description
title
string
"Dashboard"
The title displayed in the toolbar.
links
array
[]
An array of link objects with label and href properties.
className
string
undefined
Additional CSS classes to apply to the toolbar.