Messages

Lorem ipsum dolor sit amet, consectetur adipiscing elit...

30 minutes ago

Lorem ipsum dolor sit amet, consectetur adipiscing elit...

1 hour ago

Lorem ipsum dolor sit amet, consectetur adipiscing elit...

yesterday
Notifications

5 new invoices were recently added to your account

3 hours ago

3 invoices were marked as approved by 2 reviewers

3 hours ago

Some items managed by you are on overdue

5 hours ago
My Account

My Schedule

March 2024

Sun
Mon
Tue
Wed
Thu
Fri
Sat

My Team

Helen Miller
Helen MillerSoftware Engineer
Anna Lopez
Anna LopezSoftware Engineer
Hermann Mayer
Hermann MayerSoftware Engineer
Kendra Wilson
Kendra WilsonSoftware Engineer
John Baxter
John BaxterSoftware Engineer
Anthony Miller
Anthony MillerSoftware Engineer
Howard Stern
Howard SternSoftware Engineer

Master layouts

Layout icon
Sidebar Panel
Layout icon
Sidebar Panel Float
Layout icon
Sidebar Collapse
Layout icon
Sideblock
Layout icon
Sidedock
Layout icon
Top Navigation

Breadcrumbs

  1. Documentation
  2. Breadcrumbs

Slash separator

separatorslash | chevron | arrow | dot

Breadcrumbs are a useful way to show the user where they are in the application. This example shows a breadcrumb with a slash separator.

Chevron separator

separatorslash | chevron | arrow | dot

Breadcrumbs are a useful way to show the user where they are in the application. This example shows a breadcrumb with a chevron separator.

Dot separator

separatorslash | chevron | arrow | dot

Breadcrumbs are a useful way to show the user where they are in the application. This example shows a breadcrumb with a dot separator.

Arrow separator

separatorslash | chevron | arrow | dot

Breadcrumbs are a useful way to show the user where they are in the application. This example shows a breadcrumb with an arrow separator.

With icons

itemsArray

Breadcrumb items can have icons attached to it. Use a list containing icons if you want to display icons with your links.

Props

Contains all breadcrumb props.

PropTypeDefault
items
array
undefined
item.title
string
undefined
item.href
string
undefined
item.icon
IconifyIcon | string
undefined
separator
string
md

Previous Section

Icon buttons

Next Section

Cards