New
NextJS, SvelteKit, Remix and the future of StorybookAutomate with Chromatic
Star75,387
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
storybook-addon-comments
storybook addon for component comments/feedback
npm install storybook-comments
Last updated over 1 year ago
1.5k
Downloads per week
Readme View on GitHub

Storybook Comments

Sometimes, I want to leave some comments for awesome component use storybook preview, but currently open source does not work. So this project born.

Usage

Install with: yarn add storybook-comments

Add this line to .storybook/main.js:

module.exports = {
  "addons": [
    ...
    "storybook-addon-comments",
  ]
}

Within your .storybook/preview.js file, add this:

export const parameters = {
  comments: {
    apiKey: '',
    authDomain: '',
    databaseURL: '',
    projectId: '',
    storageBucket: '',
    messagingSenderId: '',
  }
}

You can find the values necessary by visiting your Firebase console.

Run

This project base on addon-kit and storybook-feedback, thanks them for their contribution.

Install

yarn 

Local dev

yarn start
  • npm run start runs babel in watch mode and starts Storybook
  • npm run build build and package your addon code
Join the community
5,862 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI