New
Automatic visual tests in Storybook, plus 2.2x faster build times for React+TSVisual test with Chromatic
Star80,481
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-feedback
An addon for storybook which adds support for adding comments and other feedback to stories
npm install storybook-feedback
Last updated about 4 years ago
2
Downloads per week
Readme View on GitHub

Storybook Feedback

An addon for storybook which adds support for adding comments and other feedback to stories

The "Development" and "Todo" sections will be removed once this addon leaves alpha. Until then, please keep in mind that this addon is in alpha and very rough. Do not use unless testing.

Development

This addon is still very early in development. Currently, the foundational UI work is done and it's connected to firebase and sends/receives comments based on the storyId.

There still needs to be a ton of fine tuning but the rest of the work will mainly be with getting the addon to function correctly as an NPM package and allowing the end user to be able to connect their own Firebase instance.

Todo

  • remove redundant/unused deps
  • truncate messages that exceed view width
  • add more chat features (delete/update)
  • resolve issue with mobile view
  • add more options to Settings feature

How to use this addon

Install with: yarn add storybook-feedback

Add this line to .storybook/addons.ts:

import 'storybook-feedback'

Within your .storybook/config.ts file, add this:

import { configureDatabase } from 'storybook-feedback'

configureDatabase({
  databaseType: 'firebase',
  firebaseConfig: {
    apiKey: '',
    authDomain: '',
    databaseURL: '',
    projectId: '',
    storageBucket: '',
    messagingSenderId: '',
  },
})

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

Screenshots

Viewing Comments

storybook-feedback ui viewing comments

Editing a Comment

storybook-feedback ui editing a comment

Join the community
6,324 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI