Dashboard Header

headerfrom Fintech Light

Live

AI Usage Rules

Compact header for dashboard views. Include breadcrumb navigation and notification bell.

Code Template

<header className="bg-white border-b border-slate-200 px-6 py-3 flex items-center justify-between"><div className="flex items-center gap-4"><span className="font-bold text-lg text-slate-900">{logo}</span>{breadcrumb}</div><div className="flex items-center gap-3">{notifications}{userMenu}</div></header>

Props Schema

Property	Type	Default
logo	string	—
userMenu	object	—
breadcrumb	string	—
notifications	object	—

View raw JSON schema

{
  "type": "object",
  "properties": {
    "logo": {
      "type": "string"
    },
    "userMenu": {
      "type": "object"
    },
    "breadcrumb": {
      "type": "string"
    },
    "notifications": {
      "type": "object"
    }
  }
}