Varbase ~10 switched to use Storybook

Provides custom styling guide for components for Varbase.

Requirements:

This module requires the following outside of Drupal core.

One of the following themes:

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

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.


Varbase Live Demo siteVarbase Design SystemVarbase Storybook - Live demo siteJoin Our Slack Team for Feedback and Support

This module is sponsored and developed by Vardot.

Vardot

Supporting organizations: 
Initial building, ongoing maintenance and development

Project information

Releases