TypeScript Config Setting up TypeScript with awesome-typescript-loader Dependencies you may need Setting up TypeScript to work with Storybook tsconfig.json Setting up TypeScri...

Quick Start Guide Quick Start Guide Storybook supports many different frontend view layers with more coming!React, Vue, Angular, Mithril, Marko, HTML, Svelte, Meteor, Ember, Ri...

Intro to Addons 1. Decorators Wrapper Components Storybook Decorators 2. Native Addons Intro to Addons By default, Storybook comes with a way to list stories and visualize ...

Add Custom Head Tags Add Tags or Scripts to the Main UI. Add Custom Head Tags Sometimes, you may need to add different tags to the HTML head. This is useful for adding web fon...

Writing Addons Storybook Basics Capabilities Getting Started Add simple metadata using parameters Add a panel register the addon Note: A more complex addon Creating a deco...

部署 Storybook 导出为静态应用程序 持续部署 GitHub上 Netlify 部署 Storybook 在本教程中,我们在开发机器上运行了Storybook. 您可能还想与团队分享该 Storybook,尤其是非技术成员. 值得庆幸的是,在线部署 Storybook 很容易. 您之前是否安装过Chromatic 测试？? 🎉 你...

Serving Static Files 1. Via Imports 2. Via a Directory 3. Via a CDN Absolute versus relative paths Serving Static Files It’s often useful to load static files like images a...

CLI Options For start-storybook For build-storybook CLI Options React Storybook comes with two CLI utilities. They are start-storybook and build-storybook . They have some ...

Using Environment Variables Build time environment variables NODE_ENV env variable Using Environment Variables Sometimes, we may use configuration items inside Storybook. It ...

Using Addons Addons tab order Using the addon Disable the addon Global Configuration Using Addons Storybook comes with a variety of “core” addons developed and maintained a...