Default Style

Separators are automatically added in CSS through :before and content.

Arrow Style

Add modifier class .breadcrumb-arrow to switch slash or arrow style.

Items With Icon

An icon used in breadcrumb to convey that it’s an home page, with additional .wb-home class.


jquery-asBreadcrumbs allows you to hide the overflowing crumbs and then makes them available to your visitor via a dropdown menu.


Use this snippet to make breadcrumbs more accessible. Adding the role attribute gives context to a screen reader. The aria-label attribute will allow a screen reader to call out what the component is to the user.