ناوبریBreadcrumb

مسیر راهنما

نمایش مسیر ناوبری فعلی کاربر

پیش‌فرض

مسیر راهنما ساده

{/* استفاده از ChevronLeft برای RTL */}
<Breadcrumb>
  <BreadcrumbList>
    <BreadcrumbItem>
      <BreadcrumbLink href="#"><Home className="h-4 w-4" /></BreadcrumbLink>
    </BreadcrumbItem>
    <BreadcrumbSeparator>
      <ChevronLeft className="h-4 w-4" />
    </BreadcrumbSeparator>
    <BreadcrumbItem>
      <BreadcrumbLink href="#">صفحه قبلی</BreadcrumbLink>
    </BreadcrumbItem>
    <BreadcrumbSeparator>
      <ChevronLeft className="h-4 w-4" />
    </BreadcrumbSeparator>
    <BreadcrumbItem>
      <BreadcrumbPage>صفحه فعلی</BreadcrumbPage>
    </BreadcrumbItem>
  </BreadcrumbList>
</Breadcrumb>

نصب دستی

کد زیر را می‌توانید در پروژه خود کپی کنید تا Breadcrumb را به صورت دستی اضافه کنید:

نمونه‌های بیشتر

با منوی کشویی

مسیر راهنما با صفحات میانی مخفی

استایل‌دار

مسیر راهنما با پس‌زمینه