Navigation Menu
Bağlantıları ve açıklamalı grupları birleştiren ana navigasyon menüsü.
NavigationMenu.tsx
Kurulum
shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:
$
npx shadcn@latest add https://ui.cagriozay.com.tr/r/navigation-menu.jsonKullanım Örneği
import { NavigationMenu } from "@/components/ui"
<NavigationMenu items={[{ label: "Ana sayfa", href: "/" }]} groups={[{ label: "Ürün", items: productLinks }]} />Özellikler & Parametreler (API)
| Prop | Tür | Varsayılan | Açıklama |
|---|---|---|---|
| items | NavigationMenuItem[] | [] | Doğrudan navigasyon bağlantıları. |
| groups | NavigationMenuGroup[] | [] | Açılır açıklamalı bağlantı grupları. |
| ariaLabel | string | "Ana navigasyon" | Nav bölgesinin erişilebilir adı. |