顯示元件在 Storybook 中的呈現方式

在 Github 上檢視

Storybook 使用方式

這個擴充套件可讓您在面板內顯示 Story 的宣告。這個專案擴展了 mthuret 建立的初始 Storybook 使用方式擴充套件專案。但由於它沒有維護,而且 PR 被忽略,我為它建立了一個新專案。

我應該使用它嗎?

還有另一個很棒的擴充套件 Info 擴充套件。它有更多功能,但它不使用側邊欄位置。這使得它難以與 react-native-storybook 一起使用。如果您可以成功設定它,請嘗試使用它來代替這個擴充套件,因為這個專案不會有任何新功能。

開始使用

首先,安裝擴充套件

npm install storybook-usage

將這行新增至您的 addons.js 檔案 (如果需要,請在您的 Storybook 設定目錄中建立此檔案)。

import 'storybook-usage/register';

將這些程式碼新增到您的 Storybook 設定檔案中

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