Skip to content

Latest commit

 

History

History
47 lines (33 loc) · 1.83 KB

README.md

File metadata and controls

47 lines (33 loc) · 1.83 KB

Storybook Addon Notes

Greenkeeper badge Build Status CodeFactor Known Vulnerabilities BCH compliance codecov Storybook Slack

Storybook Addon Notes allows you to write notes for your stories in Storybook.

This addon works with Storybook for: React.

Storybook Addon Notes Demo

Getting Started

npm i --save-dev @storybook/addon-notes

Then create a file called addons.js in your storybook config.

Add following content to it:

import '@storybook/addon-notes/register';

Then write your stories like this:

import React from 'react';

import { storiesOf } from '@storybook/react';
import { WithNotes } from '@storybook/addon-notes';

import Component from './Component';

storiesOf('Component', module)
  .add('with some emoji', () => (
    <WithNotes notes={'A very simple component'}>
      <Component></Component>
    </WithNotes>
  ));