Navigation Menu

نصب

pnpm dlx @simurgh-ui/cli add navigation-menu

import {
  NavigationMenu,
  NavigationMenuList,
  NavigationMenuItem,
  NavigationMenuLink,
} from '@simurgh-ui/react/navigation-menu';
import '@simurgh-ui/styles/navigation-menu.css';

Vue partهای مشابه و Angular کامپوننت‌های متناظر را صادر می‌کند.

پیش‌نمایش واقعی

Live component Navigation Menu ◆

• Overview
• Components
• Guides

استفاده

<NavigationMenu label="پیمایش اصلی">
  <NavigationMenuList>
    <NavigationMenuItem>
      <NavigationMenuLink href="/" current>خانه</NavigationMenuLink>
    </NavigationMenuItem>
    <NavigationMenuItem>
      <NavigationMenuLink href="/fa/guides/installation/">مستندات</NavigationMenuLink>
    </NavigationMenuItem>
  </NavigationMenuList>
</NavigationMenu>

Linkها باید href واقعی داشته باشند و صفحهٔ جاری با current/aria-current="page" مشخص شود. نام landmark را با label تعیین کنید. برای commandهای application از Menubar و برای actionها از Button استفاده کنید.

Last verified on 2026-08-13 against Simurgh registry 0.1.1.