storybook-ruler-addon

1.1.9 • Public • Published

Storybook Ruler Addon

This addon add a vertical and horizontal ruler to your storybook.

This version is finally stable and doesn't throw any minified react error anymore, I'd like to apologise for any inconvenience caused.

Installation

Go to your project file and execute the following commands:

Using npm:

npm i storybook-ruler-addon

Using yarn:

yarn add storybook-ruler-addon

Embed into Storybook

Add the addon to your addon.js file in the .storybook directory:

// .storybook/addon.js
 
import 'storybook-ruler-addon/register'

Then add the decorator to your config.js file in the .storybook directory:

// .storybook/config.js
 
import { addDecorator } from '@storybook/react'
import withRuler from 'storybook-ruler-addon'
 
...
 
 
addDecorator(withRuler)
 

Or add the decorator to your stories individually:

// stories.js
 
import withRuler from 'storybook-ruler-addon'
 
...
 
 
storiesOf('myFoler/myComponent', module)
    .addDecorator(withRuler)
    .add('myStory', () => ...)
 

Dependencies (6)

Dev Dependencies (17)

Package Sidebar

Install

npm i storybook-ruler-addon

Weekly Downloads

19

Version

1.1.9

License

ISC

Unpacked Size

15.3 kB

Total Files

17

Last publish

Collaborators

  • eagle_ben2000