English Espanol Japanese
Notifications
Critical alert: Server crash detected
Just now
Emiliya mentioned in you a comment
1h
Backup completed successfully
2h
Profile updated successfully
3h
Nikita sent you a friend request
Accept
2d
API updated
3d
View All
Theme
Sidebar

Breadcrumb

  1. Home
  3. Components
  5. Breadcrumb
Default
  1. Home
  3. Components
  5. Breadcrumb

<ol class="flex gap-1 items-center text-sm">
    <li class="flex items-center"><a href="index.html"
            class="text-stone-400 hover:text-stone-700 dark:hover:text-white">Home</a></li>
    <li class="flex items-center opacity-30 leading-none">
        <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
    <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
    <li class="flex items-center opacity-30 leading-none">
        <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
    <li class="flex items-center"><span class="pointer-events-none">Breadcrumb</span></li>
</ol>
Icon
  3. Components
  5. Breadcrumb

<ol class="flex gap-1 items-center text-sm">
    <li class="flex items-center"><a href="index.html"
            class="text-stone-400 hover:text-stone-700 dark:hover:text-white flex items-center">
            <span class="icon-[lucide--home] text-lg leading-tight"></span></a></li>
    <li class="flex items-center opacity-30 leading-none">
        <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
    <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
    <li class="flex items-center opacity-30 leading-none">
        <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
    <li class="flex items-center"><span class="pointer-events-none">Breadcrumb</span></li>
</ol>
Custom divider
  1. Home
  3. Components
  5. Breadcrumb

<ol class="flex gap-1 items-center text-sm">
    <li class="flex items-center"><a href="index.html"
            class="text-stone-400 hover:text-stone-700 dark:hover:text-white flex items-center">
            Home</a></li>
    <li class="flex items-center opacity-30 leading-none">
        <span class="size-1 bg-current rounded-full mx-1"></span>
    </li>
    <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
    <li class="flex items-center opacity-30 leading-none">
        <span class="size-1 bg-current rounded-full mx-1"></span>
    </li>
    <li class="flex items-center"><span class="pointer-events-none">Breadcrumb</span></li>
</ol>