TSA Modules

This guide will walk you through the steps to publish Storybook in Chromatic.

Prerequisites

Before you start, ensure you have the following:

• Node.js and npm installed
• Storybook set up in your project
• Zesty Chromatic account

Steps

1. Install Dependencies

First, install all the dependencies

npm install

2. Publish Storybook in Chromatic

Second, run the chromatic command. This will publish the current main branch

npm run chromatic

3. View Published Storybook

After running the above command, Chromatic will build Storybook and publish it. You can view your published Storybook through the URL provided by Chromatic in the terminal output or checking on the Chromatic admin panel.

Example link: Storybook live site