Skip to content

Render a breadcrumb trail in Nuxt from the Drupal decoupled router, with the DruxtBreadcrumb component and its theming options.

npm CI Known Vulnerabilities codecov

DruxtBreadcrumb builds a breadcrumb trail for the current route. It walks the route's parent paths through the decoupled router, so the trail follows your Drupal path hierarchy with no manual configuration, and it themes like every other Druxt component.

Example DruxtBreadcrumb component

Features

  • Vue.js components:
    • DruxtBreadcrumb: Render Drupal breadcrumbs by route

Installation

  1. Install the package:

    npm i druxt-breadcrumb
    
  2. Add the module to nuxt.config.js:

    export default {
      modules: ['druxt-breadcrumb'],
    };
    

Vue.js components

DruxtBreadcrumb

Renders a list of breadcrumbs based on the active route.

<DruxtBreadcrumb />

Options

Base Druxt options

These options are available to all Druxt modules, in the nuxt.config.js file.

OptionTypeRequiredDefaultDescription
druxt.axiosobjectNo{}Axios instance settings.
druxt.baseUrlstringYesnullBase URL for the Drupal installation.

Note: The contents of this file were automatically generated from the packages/breadcrumb/README.md.