Breadcrumbs

Standard breadcrumb navigation for basic website structures.

Source code

The source code for Basic can be found at the following location, inside the downloaded package:

Breadcrumb style using chip elements for each navigation point.

Source code

The source code for Chips can be found at the following location, inside the downloaded package:

Breadcrumbs that collapse to save space, showing key navigation points.

Source code

The source code for Collapsed can be found at the following location, inside the downloaded package:

Full-width breadcrumb design for broader navigation visibility.

Source code

The source code for FullWidth can be found at the following location, inside the downloaded package:

Breadcrumbs with icons, adding visual cues to navigation links.

Source code

The source code for Icons can be found at the following location, inside the downloaded package:

Breadcrumb style where the last item is highlighted as the current page.

Source code

The source code for LastActive can be found at the following location, inside the downloaded package:

Large breadcrumb navigation element for guiding user through site paths.

Source code

The source code for Navigation can be found at the following location, inside the downloaded package:

Breadcrumbs with rounded edges for a softer UI appearance.

Source code

The source code for Rounded can be found at the following location, inside the downloaded package:

Breadcrumbs with customized separators between navigation items.

Source code

The source code for Separators can be found at the following location, inside the downloaded package: