ناوبری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 را به صورت دستی اضافه کنید:
نمونههای بیشتر
با منوی کشویی
مسیر راهنما با صفحات میانی مخفی
استایلدار
مسیر راهنما با پسزمینه