ترويسة التنقّل

ترويسة التنقّل هي شريط التنقّل العلوي الأساسي، وتدعم الأنواع الافتراضية والقائمة والقائمة المدمجة.

Loading demo: nav-header-real-world

التثبيت

npx sdaia-ui@latest add nav-header

import { NavHeader } from "@/components/ui/nav-header"

<NavHeader type="default" />

ترويسة تنقّل علوية قياسية مع شعار وإجراءات.

Loading demo: nav-header-default

ترويسة التنقّل بتخطيط قائمة مدمجة مضغوطة.

Loading demo: nav-header-menu-compact

ترويسة التنقّل متكيّفة لشاشات الجوال مع قائمة هامبرغر.

Loading demo: nav-header-mobile

Prop	Type	Default	Required
type	'default' \| 'menu' \| 'menu-compact'	'default'	optional
mobile	boolean	-	optional
menuOpen	boolean	false	optional
onOpenChange	(open: boolean) => void	-	optional
logo	ReactNode	-	optional
items	ReactNode[]	-	optional
search	ReactNode	-	optional
actions	ReactNode	-	optional
menuContent	ReactNode	-	optional
mobileFooter	ReactNode	-	optional
className	string	-	optional