Our free WordPress themes are downloaded over 7 MILLION times. Get them now!
Templates

Breadcrumb V07

breadcrumb v07

Template Details

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Description

A documentation breadcrumb whose last level is a split pill: the current page link plus a small button that opens a menu of sibling pages in the same section. The menu follows the disclosure pattern, with arrow keys, Escape and outside clicks handled. It is shown on a component docs page with a preview and an on-this-page list.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 127 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

  • Disclosure button with aria-expanded and aria-controls
  • ArrowUp, ArrowDown, Home, End and Escape keyboard support
  • Closes on outside click or when focus leaves
  • Current sibling marked with aria-current and a check icon
  • Reduced-motion friendly menu animation
Download
Preview
Back To Top

Download this template

Enter your email to get the free download link. We'll also send you occasional updates about new templates.

If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected]. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.