Breadcrumb
Breadcrumbs reduce the number of clicks needed to navigate to previous pages on a website.
Usage
- Display the user's current location within the site's hierarchy, helping them understand where they are.
- They provide easy navigation and moving from current page to pervious pages.
Anatomy
Breadcrumb navigation includes a link to the previous page, can manage extra items if necessary, has a separator, and shows the name of the current page.
States
Breadcrumb have different states like pervious page, current page and overflow states.
Breadcrumb Group
Multiple breadcrumb can be group together to form a breadcrumb group.
2 Number
4 Number
Specifications
Structure and spacing measurements for breadcrumb.
Live Demo
The breadcrumb is demonstrated in a live environment in this demo.