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.