适用于 Storybook 的 Github issues

追踪针对您仓库中特定组件记录的问题

入门指南

yarn add -D storybook-addon-github-issues

将以下内容添加到您的 .env 文件中

GITHUB_REPOSITORY=username/repo
GITHUB_TOKEN=your_auth_token

...其中 your_auth_token 是一个 Github 个人访问令牌，至少具有 repo 权限。这将用于访问 Github 的 GraphQL API 以检索匹配的故事。

将 storybook-addon-github-issues 添加到 .storybook/main.js 中的 addons 列表中。

在您的 .storybook/preview.js 中

addParameters({
  issues: {
    repository: process.env.GITHUB_REPO,
    token: process.env.GITHUB_TOKEN,
  },
});

标记故事

默认情况下，问题必须带有与故事名称（kebab case 格式）匹配的标签。例如，如果您的组件故事是 Atoms/Button，则您应该使用 button 标记您的问题。