Varbase Style Guide

Varbase ~10 switched to use Storybook

• Integration of Varbase with Storybook

• Varbase Demo link: https://demo.varbase.vardot.com/
• Varbase Demo Storybook: https://storybook.demo.varbase.vardot.com

Provides custom styling guide for components for Varbase.

Requirements:

This module requires the following outside of Drupal core.

• Style Guide
• View Modes Inventory - Bootstrap Ready

One of the following themes:

• Varbase Theme (Bootstrap 4 - SASS)
• Varbase Theme (Bootstrap 5 - SASS)

Installation:

Install the Varbase Style Guide module as you would normally install a contributed Drupal module. Visit https://www.drupal.org/node/1897420 for further information.

Configuration:

• Navigate to Administration \ Extend and enable the Varbase Style Guide module.
• Navigate to Administration \ Structure \ Content types and add a new content type.
• Navigate to Administration \ Structure \ Content types \ [Content type to edit] \ Manage display and in the vertical tab set select "Custom display settings" and activate desired View modes. Save.
• Navigate to Administration \ Content \ Add content \ [Content type to add] and add a test node in the new content type.
• Navigate to Administration \ Appearance \ Styleguide and search for the name of the content type for an example of what its view modes will look like.

Varbase elements

Varbase Custom Elements with Style guide

Use With Varbase Distribution:

This module is best used with Varbase distribution.

Can be installed with any Drupal 9/10 site. Even if installed with the Minimal or Standard profile.

However, using it with Varbase gives you way much more cool stuff!

Use With Varbase Distribution:

This module is best used with Varbase distribution.

Varbase documentation

Check out Varbase documentation for more details.

Sponsored and developed by Vardot.