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.

Core Icons main form element for Icon autocomplete.

Icons integration with UI Patterns

Field type Icon and field type Link integration.

Provide a fancy icon picker for UI Icons selector.

Overview of all icons available on your site.

Last updated