# Modules

Druxt has a growing list of modules, providing access to different Drupal powered functionality.

# DruxtBlocks

The DruxtBlock module adds the ability to render Drupal Blocks and all blocks within a given Block region.

<DruxtBlock :id="drupal_internal__id" />
1
<DruxtBlockRegion :name="region" :theme="theme" />
1

Example DruxtBlockRegion component

See blocks.druxtjs.org (opens new window) for more details.

# DruxtBreadcrumb

The DruxtBreadcrumb module uses hierarchical path data from the DruxtRouter module to render a themable breadcrumb.

<DruxtBreadcrumb />
1

See breadcrumb.druxtjs.org (opens new window) for more details.

# DruxtEntity

The DruxtEntity module uses the Drupals Display mode and formatter configuration to render Entities, Entity forms and fields.

<DruxtEntity :type="resourceType" :uuid="uuid" mode="displayMode" />
1

Example DruxtEntity component

<DruxtEntityForm :type="resourceType" :uuid="uuid" mode="displayMode" />
1

Example DruxtEntityForm component

See entity.druxtjs.org (opens new window) for more details.

# DruxtMenu

The DruxtMenu module adds support for full Drupal menus via the Drupal JSON:API Menu items (opens new window) module.

<DruxtMenu :name="name" :max-depth="2" />
1

See menu.druxtjs.org (opens new window) for more details.

# DruxtRouter

The DruxtRouter module communicates with the Drupal Decoupled Router (opens new window) module and serves the requested resource components.

See router.druxtjs.org (opens new window) for more details.

# DruxtSchema

The DruxtSchema module builds View and Form Field schema files that are used by the DruxtEntity module to render entities using Drupal's Display mode system.

See schema.druxtjs.org (opens new window) for more details.

# DruxtSite

The DruxtJS Site module provides a simple out of the box, decoupled Drupal site experience.

<DruxtSite :theme="theme" />
1

Example DruxtSite

See site.druxtjs.org (opens new window) for more details.

# DruxtViews

The DruxtViews adds support for Drupal Views via the JSON:API Views (opens new window).

<DruxtView :displayId="displayId" :uuid="uuid" :viewId="viewId" />
1

See views.druxtjs.org (opens new window) for more details.