Varbase Components

Provides a component management system for Varbase

Utilizing Single Directory Components (SDC) and UI Patterns module. Working in hand with Vartheme BS5 the Varbase Theme (Bootstrap 5 - SASS). The new generation of theming based on Bootstrap 5, SDC, and UI Patterns.

Varbase Components Module

Varbase components are bundled through the Varbase Components module. GitHub: https://github.com/Vardot/varbase_components Drupal.org: https://www.drupal.org/project/varbase_components

After building a project using the varbase-project template, you can see the code of the Varbase Components module in:

project_directory
|-- docroot
    |-- modules
        |-- contrib
            |-- varbase_components

Brings in the following core and contributed modules to your site:

Module

Purpose

Single Directory Components (in Drupal core)

Allows discovery and rendering of self-contained UI components.

Allows to declare, discover, and render self-contained components.

Allows turning CL Components into configurable blocks.

Allows to create a field to select components.

Providers server rendering for CL Components.

Provides development aids to component developers.

Drush integration to generate CL Components interactively.

Provides shared features to aid low-code approaches using Single Directory Components.

Allows tagging components so other modules can understand components better.

Integrates fields and view modes with single directory components.

Define and expose self-contained UI patterns as Drupal plugins and use them seamlessly in Drupal development and site-building.

Use patterns as layouts via the Layout Discovery module.

Exposed patterns in you modules and themes and display them in a pattern library page.

Configure patterns with settings.

Use patterns as Views templates.

pageIntegration of Varbase with StorybookpageCustomize a Varbase Single Directory Components (SDC) In a Custom Theme

Last updated