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.
Component Libraries: Components	Allows to declare, discover, and render self-contained components.
Component Libraries: Blocks	Allows turning CL Components into configurable blocks.
Component Libraries: Selector Field	Allows to create a field to select components.
Component Libraries: Server	Providers server rendering for CL Components.
Component Libraries: Devel	Provides development aids to component developers.
Component Libraries: Generator	Drush integration to generate CL Components interactively.
Component Libraries: Editorial	Provides shared features to aid low-code approaches using Single Directory Components.
Single Directory Components: Tagging	Allows tagging components so other modules can understand components better.
Single Directory Components: Display	Integrates fields and view modes with single directory components.
UI Patterns	Define and expose self-contained UI patterns as Drupal plugins and use them seamlessly in Drupal development and site-building.
UI Patterns Layouts	Use patterns as layouts via the Layout Discovery module.
UI Patterns Library	Exposed patterns in you modules and themes and display them in a pattern library page.
UI Patterns Settings	Configure patterns with settings.
UI Patterns Views	Use patterns as Views templates.

Integration of Varbase with Storybook

Customize a Varbase Single Directory Components (SDC) In a Custom Theme