Breadcrumbs are used to show the current website or app location and reduce the number of actions users have to take. Thanks to breadcrumbs, they can easily navigate within the website hierarchy and better understand its structure.
If you wish to use different separators, set the
separator prop. Depending on the
aesthetics of your design, you can choose dots, bullets or arrows.
If you wish to use breadcrumbs in headers, place them above the headers.