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 .md-home
class.
Responsive
jquery-asBreadcrumbs allows you to hide the overflowing crumbs and then makes them available to your visitor via a dropdown menu.
Accessibility
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.