一個 Storybook 擴充功能,提供導入元件的範例

在 Github 上檢視

Bookshop 擴充功能 HTML

這個 Bookshop 的擴充功能新增一個分頁,顯示每個 Story 的一些導入程式碼。它是從 whitespace-se/storybook-addon-html 衍生而來。

Animated preview

開始使用

使用 NPM

npm i --save-dev bookshop-addon-import-tab

使用 Yarn

yarn add -D bookshop-addon-import-tab

註冊擴充功能

// .storybook/main.js

module.exports = {
  // ...
  addons: [
    'bookshop-addon-import-tab',
    // ...
  ],
};