Gesso Storybook

Installation

yarn add --dev @acromedia/gesso-storybook

edit your .storybook/main.js

  addons: [
    "@acromedia/gesso-storybook",
  ],

Usage

The token files need to be generated ahead of time as client side JS does not have file access. If your components are located elsewhere, please adjust accordingly.

yarn gesso-storybook src/components

Run storybook and you will now see a "Tokens" tab that lists all the used tokens in that component. Please note that it does not adjust for variation or settings, just the entire component.