This module provides a custom style guide for Varbase components, integrating with Storybook to showcase them. It allows you to preview how your content types and their view modes will look within the Varbase theme.
Varbase ~10 switched to use 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.
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
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.