加入直播:周四,美国东部时间上午 11 点,Storybook 9 发布及 AMA

显示组件在 Storybook 中如何渲染

在 Github 上查看

Storybook 用法

这个插件允许你在一个面板中显示故事的声明。本项目扩展了 mthuret 创建的原始 Storybook 用法插件项目。但由于该项目没有维护且 PR 被忽略,我创建了一个新项目。

我应该使用它吗?

还有一个很棒的插件 Info addon。它有更多的功能,但它不使用侧边栏位置。这使得它难以与 react-native-storybook 一起使用。如果你能成功设置它,尽量使用它而不是这个,因为本项目不会获得任何新功能。

开始使用

首先,安装插件

npm install storybook-usage

将这行添加到你的 addons.js 文件中(如果需要,在你的 storybook 配置目录中创建此文件)。

import 'storybook-usage/register';

将这些行添加到你的 storybook 配置文件中

import {Usage} from 'storybook-usage'
storybook.addDecorator(Usage);