Breadcrumbs

The QBreadcrumbs component is used as a navigational aid in UI. It allows users to keep track of their location within programs, documents, or websites. Most common use is it’s in a QToolbar, but it’s not limited to it.

Installation

// quasar.conf.js

return {
  framework: {
    // NOT needed if using auto-import feature:
    components: [
      'QBreadcrumbs',
      'QBreadcrumbsEl'
    ]
  }
}

Usage

Basic
In a QToolbar
Custom separators

The example below won’t work with UMD version (so in Codepen/jsFiddle too) because it depends on Vue Router.

Gutters
Align

QBreadcrumbs API

QBreadcrumbsEl API