ArdoHeader
On this page
The site header: logo, title, navigation, search, theme toggle, and the menu on narrow screens.
import { ArdoHeader } from "ardo/ui"
<ArdoHeader>{children}</ArdoHeader>
Props
| Name | Type | Required | Description |
|---|---|---|---|
logo | ArdoLogo | No | Logo image URL or light/dark variants |
title | string | No | Site title displayed next to logo |
children | ReactNode | No | Navigation and action children. Use ArdoHeaderActions for right-side actions. |
search | ArdoHeaderSearchMode | boolean | No | Search presentation (default: "auto"). false hides search; trueis the same as "auto". |
searchPlaceholder | string | No | Placeholder text for the search input |
themeToggle | boolean | No | Show theme toggle (default: true) |
mobileMenuContent | ReactNode | No | Additional content rendered in the mobile menu (e.g. sidebar) |
className | string | No | Additional CSS classes |
Props type: ArdoHeaderProps