一個 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',
    // ...
  ],
};