Connect your Storybook

story.to.design will access your Storybook directly via the URL.

Example

https://fluent-components.azurewebsites.net/?path=/docs/getting-started-overview—page

Private Storybooks

If your Storybook is on a private network and/or requires authentication, please see Private Storybooks.

With Chromatic

If your Storybook is hosted with Chromatic, you can use builds or branches URLs from Chromatic.

We recommend that you use the URL of the main branch so you always get the latest version.

Format of the URL is:

https://<BRANCH>--<PROJECTID>.chromatic.com
  • <BRANCH> is the name of the branch. (Usually master)
  • <PROJECTID> is the ID of your project in Chromatic

If your Chromatic project is private and requires authentication, please look at how to connect private Storybooks.