Usually placed at the top of web pages, breadcrumbs help users to navigate
and understand where they are on the current website or service.
1) Default Breadcrumbs
2) Breadcrumb with alternative seperators:
3) Breadcrumb with Background Color
When to use
Breadcrumbs should be used for:
- Enabling users to understand their current position on the website.
- Helping users to move between different levels.
Breadcrumbs should not be used for:
- A replacement for your primary navigation.
- Displaying progress such as completing a transaction .
- When you have multiple navigation items on the website or page such as
- You may want to consider if using the breadcrumb component is necessary.
Having troubles with the guide? Please give us more details and we'll get back to you soon.
Chat with the team