Mohammad Asif cf937194cb Removed un-waned things 1. 6 months ago
..
dist cf937194cb Removed un-waned things 1. 6 months ago
README.md cf937194cb Removed un-waned things 1. 6 months ago
jest.config.js cf937194cb Removed un-waned things 1. 6 months ago
manager.js cf937194cb Removed un-waned things 1. 6 months ago
package.json cf937194cb Removed un-waned things 1. 6 months ago
preview.js cf937194cb Removed un-waned things 1. 6 months ago

README.md

Storybook Addon Outline

Storybook Addon Outline can be used for visually debugging CSS layout and alignment inside the preview in Storybook. Based on Pesticide, it draws outlines around every single element in the preview pane.

React Storybook Screenshot

Usage

Requires Storybook 6.1 or later. Outline is part of essentials and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run:

npm i -D @storybook/addon-outline

Then, add following content to .storybook/main.js:

export default {
  addons: ['@storybook/addon-outline'],
};

You can now click on the outline button or press the o key in the toolbar to toggle the outlines.