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: {
    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